¿Es posible aumentar el tamaño de un flair de grupo?

¿Hay alguna forma sencilla de aumentar el tamaño de la insignia que aparece junto a tu nombre cuando está asociada a ciertos grupos?

.
Screenshot 2024-08-19 094148

1 me gusta

En común - css de un tema o componente. puedes hacer algo como esto

Avatar flair redimensionado del valor predeterminado de 40px a 60px:

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

40 px predeterminados

60 px

Puedes cambiar la ubicación del flair con este componente:

4 Me gusta

¿Lo tengo en el lugar correcto?

1 me gusta

parece que sí. (¿hay algo más en la pestaña de encabezado que esté resaltado?)

el código que publiqué debería estar aquí:

1 me gusta

Sí, está todo ahí. El distintivo sigue siendo de 20x20 en las publicaciones.

1 me gusta

Oh, lo siento, me perdí la publicación anterior. :woman_facepalming:t2:

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

Predeterminado 20px

30px

3 Me gusta

¡Gracias! Definitivamente no soy programador, ¡así que aprecio el apoyo y la ayuda! :slight_smile:

2 Me gusta

no problem. you can fine tune adjust that px sizing to granularly get it how you want. :slight_smile:

3 Me gusta

Se dividió una publicación en un nuevo tema: Añadir un encabezado personal a una publicación

Noté que si le pongo un color HEX, se encoge de nuevo. ¿Puedes ayudarme aquí también? :slight_smile:

1 me gusta

Sí, para facilitarte a ti y a otros la tarea, he iniciado un componente temático rápido:

Avísame cómo funciona :slight_smile: :wrench:
Todavía tienes que cambiar la imagen de adorno y el color de fondo en la configuración de adornos de avatar de grupo. Este componente solo proporciona algunas configuraciones básicas para el tamaño de los adornos de imagen y sus círculos de fondo. Solo para escritorio, lo intenté con algo para móviles, pero no valió la pena ajustarlo para algo tan pequeño.

5 Me gusta

¿Sería esta una buena adición a Avatar Size and Shape?

4 Me gusta

Se me olvidó ese. ¿Hace lo mismo? Ah, olvídalo, solo son avatares, pensé que también hacía distintivos. Mmm :thinking:… quizás no sea una mala idea…

El mío es bastante básico, lo armé en unos minutos. Creo que querría cambiar el formato de los campos de entrada, quizás.

3 Me gusta

Creo que actualmente es solo para avatares, pero las insignias de grupo parecen ‘adyacentes’ si esto pudiera incluirse. Sin embargo, tendría que iniciarlo para comprobarlo.

4 Me gusta

¿También es posible establecer perímetros alrededor de la “apilación” de indicadores, @Lilly? Para lo que tengo en mente, sería beneficioso que los usuarios pudieran apilar varios, basándose en los “tipos” de grupos en los que se encuentran.

@Lilly ¿por qué desaparece mi flair cuando estoy en el chat? ¿Hay alguna forma fácil de que el flair se muestre en los chats?

Hasta donde sé, las flairs nunca han sido visibles en el chat. Siempre puedes añadir una publicación a la solicitud de función existente :slight_smile:

4 Me gusta

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