È possibile aumentare la dimensione di un flair di gruppo?

[STORMS]

Esiste un modo semplice per aumentare le dimensioni del flair che compare accanto al tuo nome quando sei associato a determinati gruppi?

.

[Lilly]

Nel comune - css di un tema o componente. puoi fare qualcosa del genere

Flair dell’avatar ridimensionato dal valore predefinito di 40px a 60px:

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

40 px predefiniti

60 px

Puoi cambiare la posizione del flair con questo componente:

Trust-Level Avatar Flair

This theme component allows an admin to add flair to user avatars based on the user’s trust level. Trust level flair displays anywhere on the site that you would normally see group flair. There are a few theme settings to adjust the position of the flair in relation to the avatar. Basic Examples (with group flair in place) [examples] There is also a bottom-right position that will either replace group flair or be replaced by group flair depending on how you set the “group flair always on top” …

[STORMS]

Ce l’ho nel posto giusto?

[Lilly]

Sembra di sì. (c’è qualcos’altro nella scheda header evidenziato?)

il codice che ho postato dovrebbe essere qui:

[STORMS]

Sì, c’è tutto. Il flair è ancora 20x20 nei post.

[Lilly]

Oh scusa, ho perso il post.

Per 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;
}

default 20px

30px

[STORMS]

Grazie! Non sono assolutamente un programmatore, quindi apprezzo il supporto e l’aiuto!

[Lilly]

nessun problema. puoi regolare finemente quella dimensione px per ottenere esattamente ciò che desideri.

[STORMS]

Ho notato che se gli applico un colore HEX, si riduce. Puoi aiutarmi anche qui

[Lilly]

Per semplificarti le cose e renderle più facili per gli altri, ho avviato un componente tema rapido:

GitHub - Lillinator/custom-avatar-flair-size: Change your Discourse avatar flair size

Fammi sapere come funziona
Dovrai comunque cambiare l’immagine del distintivo e il colore di sfondo nelle impostazioni del distintivo dell’avatar del gruppo. Questo componente fornisce solo alcune impostazioni di base per ridimensionare i distintivi dell’immagine e i loro cerchi di sfondo. Solo per desktop, però: ho provato alcune cose per dispositivi mobili, ma non valeva la pena ottimizzarle per così poco.

[JammyDodger]

Potrebbe essere una buona aggiunta a Avatar Size and Shape?

[Lilly]

oh dimenticavo quella. fa la stessa cosa? oh niente, sono solo avatar, pensavo facesse anche i flair. hmmm potrebbe non essere una cattiva idea…

la mia è piuttosto basilare, l’ho messa insieme in pochi minuti. penso che vorrei cambiare il formato dei campi di input, forse.

[JammyDodger]

Penso che al momento sia solo per gli avatar, ma i flairs di gruppo sembrano ‘adiacenti’ se questo potesse essere incluso. Dovrei avviarlo per verificarlo, però.

[STORMS]

@Lilly è anche possibile impostare perimetri attorno ai flair di “stacking”? Per quello che ho in mente, sarebbe vantaggioso per gli utenti poter impilare diversi, in base ai “tipi” di gruppi in cui si trovano.

[STORMS]

@Lilly perché il flair scompare quando sono in chat? Esiste un modo semplice per far apparire il flair nelle chat?

[Lilly]

Per quanto ne so, i flair non sono mai stati visibili in chat. Potresti sempre aggiungere un post alla richiesta di funzionalità esistente

Avatar flairs in Chat

Are there any plans to add flair to the avatars on Chat? Would be very handy to have there (for all the same reasons its handy on Topic/PM posts).