Comment appliquer le graphique ‘nouveau’ aux nouveaux sujets

Lorsque je me suis connecté à la communauté aujourd’hui, j’ai remarqué un drapeau rouge "Nouveau" comme le montre cette image.


Comment le drapeau rouge "Nouveau !" a-t-il été obtenu ? Étant donné que nous publierons des articles quotidiennement, j’aimerais l’utiliser pour signaler de nouveaux sujets. Comment ou qu’est-ce qui a été utilisé pour créer ce drapeau ?
Merci

1 « J'aime »
.badge-notification.new-topic::before {
    content: "Nouveau !";
    position: absolute;
    right: -1.1em;
    top: -0.85em;
    background: var(--quaternary);
    transform: rotate(12deg);
    font-size: var(--font-down-2);
    letter-spacing: .05em;
    padding: .2em .5em;
    border-radius: 4px;
    font-weight: normal;
    color: var(--secondary);
}

7 « J'aime »

Merci beaucoup. Je suppose que cela sera ajouté en tant que composant, n’est-ce pas ?
Étant donné qu’il s’agira d’un changement global qui s’appliquera à tous les thèmes, est-ce que l’emplacement, « head », « body », etc., a de l’importance ?

Je vous suggère de créer un composant de thème, de le nommer CSS personnalisé et d’y ajouter tout le CSS dont vous avez besoin.

2 « J'aime »

Salut, merci pour le conseil, cependant, j’utilise une traduction pour « New » en français qui est un mot plus long (Nouveau), et le mot est tronqué. Sauriez-vous comment résoudre ce problème ? Merci. @sheng_hualuo

Essayez d’ajouter les propriétés suivantes

    height: auto;
    width: auto;

Si c’est ce que vous voulez dire :

3 « J'aime »

Merci @Arkshine, ça fonctionne !

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.