グループフレアのサイズを大きくすることは可能ですか?

名前の横につくフレアのサイズを、特定のグループに属している場合に大きくする簡単な方法はありますか?

.
Screenshot 2024-08-19 094148

「いいね!」 1

共通のテーマまたはコンポーネントのCSS。以下のようなことができます。

アバターのフレアをデフォルトの40pxから60pxにリサイズ:

.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
}

デフォルトの40px

60px

このコンポーネントでフレアの場所を変更できます:

「いいね!」 4

これで正しい場所にありますか?

「いいね!」 1

そうです。\n\nヘッダータブに他にハイライトされているものはありますか?\n\n投稿したコードはここにあるはずです。\n\n

「いいね!」 1

はい、すべてそこにあります。投稿のフレアはまだ20x20です。

「いいね!」 1

おっと、投稿を見逃していました。 :woman_facepalming:t2:

30pxの場合

.user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair {
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
}

.topic-avatar .avatar-flair, 
.avatar-flair-preview .avatar-flair, 
.collapsed-info .user-profile-avatar .avatar-flair, 
.user-image .avatar-flair, 
.latest-topic-list-item .avatar-flair {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

デフォルト 20px

30px

「いいね!」 3

ありがとうございます!私は全くの初心者なので、サポートとアシストに感謝します!:slight_smile:

「いいね!」 2

問題ありません。その px サイズを微調整して、希望どおりに細かく設定できます。:slight_smile:

「いいね!」 3

投稿が新しいトピックに分割されました:Add a personal header to post

HEXカラーを指定すると、縮小されることに気づきました。ここでもお手伝いいただけますか?:slight_smile:

「いいね!」 1

これをあなたや他の人がやりやすくするために、簡単なテーマコンポーネントを起動しました。

動作を確認してください :slight_smile: :wrench:
フレア画像と背景色は、グループアバターフレア設定で変更する必要があります。このコンポーネントは、画像フレアとその背景円のサイズ設定を提供するだけです。デスクトップのみです。モバイル対応も試しましたが、小さすぎて調整する価値はありませんでした。

「いいね!」 5

Avatar Size and Shape に追加するのに適していますか?

「いいね!」 4

ああ、それ忘れてた。同じことするの? ああ、いいや、アバターだけだね。フレアもするのかと思ったよ。うーん :thinking: 悪くないアイデアかも…

私が数分で作ったのはかなり基本的なものだよ。入力フィールドのフォーマットでも変更したいかな。

「いいね!」 3

アバター専用だと思いますが、グループのフラールは、これが組み込まれるのであれば「隣接」しているように思えます。確認のために起動する必要があるでしょう。

「いいね!」 4

「スタッキング」フレアの周りに境界を設定することも可能ですか?私が考えていることでは、ユーザーが所属する「種類」に基づいて複数のスタックを可能にすることが有益になるでしょう。

@Lilly チャット中にフレアが消えるのはなぜですか?チャットでフレアを表示する簡単な方法はありますか?

私の知る限り、フレアはチャットで表示されたことはありません。既存の機能リクエストに投稿を追加できます:slight_smile:

「いいね!」 4

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