É possível aumentar o tamanho de uma flair de grupo?

[STORMS]

Existe uma maneira fácil de aumentar o tamanho do flair que aparece ao lado do seu nome quando anexado a certos grupos?

.

[Lilly]

Em comum - CSS de um tema ou componente. você pode fazer algo assim

Flair do avatar redimensionado do padrão de 40px para 60px:

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

padrão de 40 px

60 px

Pode alterar a localização do flair com este 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]

Está no lugar certo?

[Lilly]

parece que sim. (há algo mais na aba do cabeçalho que está destacado?)

o código que postei deve estar aqui:

[STORMS]

Sim, está tudo lá. O flair ainda é 20x20 nas postagens.

[Lilly]

Ah, desculpe, perdi a postagem.

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

Padrão 20px

30px

[STORMS]

Obrigado! Eu definitivamente não sou programador, então agradeço o apoio e a ajuda!

[Lilly]

sem problema. você pode ajustar com precisão esse dimensionamento px para obter exatamente o que deseja.

[STORMS]

Notei que se eu colocar uma cor HEX nela, ela encolhe novamente. Você pode me ajudar aqui também

[Lilly]

Sim, ok para facilitar para você e outros fazerem isso, eu criei um componente de tema rápido:

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

Me diga como funciona
Você ainda precisa alterar a imagem do flair e a cor de fundo nas configurações de flair do avatar do grupo. Este componente apenas fornece algumas configurações básicas para dimensionar os flairs de imagem e seus círculos de fundo. Apenas para desktop - tentei algumas coisas para celular, mas não valeu a pena ajustar para algo tão pequeno.

[JammyDodger]

Isso seria uma boa adição a Avatar Size and Shape?

[Lilly]

Ah, esqueci desse. Ele faz a mesma coisa? Ah, não importa, são apenas avatares, pensei que também fizesse flairs. Hmmm pode não ser uma má ideia…

O meu é bem básico, montei em poucos minutos. Acho que gostaria de mudar o formato dos campos de entrada, talvez.

[JammyDodger]

Eu acho que atualmente é apenas para avatares, mas os flairs de grupo parecem ‘adjacentes’ se isso puder ser incluído. Teria que iniciar para verificar, no entanto.

[STORMS]

@Lilly também é possível definir perímetros em torno de flair de “empilhamento”? Para o que eu tenho em mente, seria benéfico para os usuários poderem empilhar vários, com base em “tipos” de grupos em que estão.

[STORMS]

@Lilly por que o flair desaparece para mim quando estou no chat? Existe uma maneira fácil de fazer o flair aparecer nos chats?

[Lilly]

Pelo que sei, os flairs nunca foram visualizáveis no chat. Você sempre pode adicionar uma postagem à solicitação de recurso existente

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