新トピックに新グラフィックを適用する方法

[oga]

コミュニティにログインしたところ、ここに示されているように赤い「New」フラグに気づきました。

この赤い「New !」フラグはどのようにして達成されたのでしょうか？毎日記事を公開するので、新しいトピックにフラグを立てるために使用したいと考えています。フラグはどのように、または何を使用して作成されたのでしょうか？
ありがとうございます

[sheng_hualuo (花落晓斩神)]

.badge-notification.new-topic::before {
    content: "New!";
    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]

ありがとうございます。これはコンポーネントとして追加されると想定してよろしいでしょうか？

グローバルな変更であり、すべてのテーマに適用されることを考えると、場所が「head」や「body」などであることは関係ありますか？

[sheng_hualuo (花落晓斩神)]

カスタムCSSという名前のテーマコンポーネントを作成し、必要なCSSをすべて追加することをお勧めします。

[patrickemin]

ヒントありがとうございます。しかし、フランス語の「New」には「Nouveau」という長い単語を使用しており、単語が切り捨てられてしまいます。解決策をご存知ですか？よろしくお願いします。@sheng_hualuo

[Arkshine]

以下のプロパティを追加してみてください

    height: auto;
    width: auto;

もしそれがあなたの意図するところであれば：

[patrickemin]

@Arkshine ありがとうございます、うまくいきました！