Comment appliquer le graphique ‘nouveau’ aux nouveaux sujets

[oga]

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

[sheng_hualuo (花落晓斩神)]

.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);
}

[oga]

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 ?

[sheng_hualuo (花落晓斩神)]

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.

[patrickemin]

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

[Arkshine]

Essayez d’ajouter les propriétés suivantes

    height: auto;
    width: auto;

Si c’est ce que vous voulez dire :

[patrickemin]

Merci @Arkshine, ça fonctionne !