Lista de deseos: señal visual para "el usuario obtuvo una insignia por esta publicación"

Estoy contento con la personalización (efectos, lo que sea) que requiere conocimiento de CSS, pero la funcionalidad inicial de mostrar/ocultar y qué insignias incluir/excluir debería estar disponible como una configuración.

7 Me gusta

Creo que existe un plan de Alojamiento de Discourse donde esto no es posible en absoluto. Además, a muchos administradores les cuesta añadir CSS a un tema que han instalado desde GitHub.
Pero mi punto se centró más en el hecho de que primero necesitas ser consciente de que el CSS existe y facilita ocultar cosas. La documentación ciertamente puede ayudar, pero en mi experiencia, la mayoría de la gente no la lee.

¿Por qué hay una configuración para deshabilitar el enlace “Powered by Discourse”? También podría ocultarse fácilmente con CSS.

6 Me gusta

¡Gracias por los comentarios adicionales, a todos! Investigaré la adición de algunas configuraciones hoy. :slightly_smiling_face:

4 Me gusta

Aquí está mi primer intento de agregar configuraciones.

Configuración Global

Configuración por Insignia

Las configuraciones en sí son bastante sencillas, pero el comportamiento es un poco más complicado de lo que me gustaría. Para evitar exponer información que no debería ser expuesta, mostrar una insignia en una publicación actualmente requiere que estas tres configuraciones estén habilitadas:

  1. Mostrar insignia en la página pública de insignias
  2. Mostrar publicación que otorga la insignia en la página de insignias
  3. Mostrar insignia en la publicación para la que fue otorgada

La razón de cada una es:

  1. Parece contradictorio mostrar insignias en la publicación cuando no se muestran en la página pública de insignias.
  2. Parece una posible fuga de información mostrar insignias en la publicación cuando no mostramos la publicación en la página de insignias.
  3. Esta es la nueva configuración para permitir que la insignia se muestre en la publicación.

Suponiendo que sea razonable que esta nueva opción dependa de que se configuren opciones existentes, surgen algunas preguntas que dependen en gran medida del lenguaje de diseño general de Discourse, por lo que agradecería mucho comentarios adicionales aquí, @chapoi.

En particular, ¿cuál es la forma adecuada de mostrar en la administración de Discourse que una opción no tendrá efecto hasta que se habiliten otras?

Una pregunta relacionada es que si una insignia del sistema no tiene habilitadas las dos primeras opciones, la nueva opción nunca hará nada, ya que esas opciones son de solo lectura en las insignias del sistema. ¿Es apropiado marcarla como una configuración de solo lectura para estas insignias, pero dejarla configurable para todas las demás insignias del sistema?

Finalmente, una pregunta para todos los interesados: ¿qué insignias del sistema deberían venir con esta opción habilitada por defecto?

3 Me gusta

Muy buenos puntos, ¡gracias por profundizar en ello!

Sí, creo que vas por buen camino.

En este momento, creo que nos falta un enfoque estructurado para esto.

Creo que necesitaremos algo como:

Pero con un mejor texto. :sweat_smile:

¿Qué opinas @ella (nuestra líder de diseño de administración)?

2 Me gusta

Gracias por la idea, Charlie, creo que podría funcionar.

No pude encontrar ningún ejemplo de este tipo de interfaz de usuario en otra parte de la administración de Discourse, así que lo armé yo mismo. Necesita algo de pulido (¡y todavía podría usar una mejor redacción! :grinning_face_with_smiling_eyes:), pero es suficiente para dar una idea aproximada de cómo podría funcionar.

4 Me gusta

Me inclino por las de la categoría Publicar.

3 Me gusta

De acuerdo, añadir algo de estructura aquí haría esto mucho más claro, ejemplo:

Uso

  • Permitir que la insignia se use como título
  • Se puede otorgar varias veces

Visibilidad

  • Mostrar insignia en la página pública de insignias
  • Mostrar publicación que otorga la insignia en la página de insignias
  • Mostrar insignia en la publicación para la que fue otorgada

Para la información sobre herramientas, ¿qué tal?:

Requiere que tanto ‘Mostrar insignia en la página pública de insignias’ como ‘Mostrar publicación que otorga la insignia en la página de insignias’ estén habilitados.

4 Me gusta

¡Buenas noticias para todos!

¡Esta PR acaba de ser fusionada!

3 Me gusta

@ganncamp Ya lo he desplegado también en tu sitio. :slightly_smiling_face:

2 Me gusta

¡¡¡¡Esta es una noticia increíble!!! ¡¡¡Gracias!!!

2 Me gusta

De acuerdo… A caballo regalado no se le mira el diente…

La visualización es un poco decepcionante:

Selection_2150

Veré qué puedo hacer al respecto con CSS.

Editar para añadir CSS

// Haz que las insignias mostradas en las publicaciones sean más grandes
.topic-meta-data .user-badge-buttons {
transform: scale(1.3);
margin-left: 0px;
}

Y lo que no puedo tocar con CSS es el orden. Me sorprende ver la insignia entre el nombre de visualización y el nombre de usuario. ¿Se puede cambiar eso?

3 Me gusta

¡Gracias por tus comentarios, @ganncamp! :slightly_smiling_face:

Tienes razón, se ve un poco extraño mostrado entre el nombre de usuario y el nombre de visualización, veré qué puedo hacer al respecto.

Cuando mencionas cambiar el orden, ¿te refieres a ese problema o también quieres cambiar el orden de las insignias, cuando se han otorgado varias insignias para una sola publicación?

1 me gusta

¡De acuerdo! He reorganizado un poco las cosas en esta PR:

Aquí hay algunas capturas de pantalla de variaciones de diferentes opciones de encabezado de publicación:




1 me gusta

Sí. No me preocupa (actualmente :sweat_smile: ) el orden de las insignias.

He fusionado y desplegado esos ajustes en tu sitio, @ganncamp. :slightly_smiling_face:

4 Me gusta

¡Gracias!

Y aquí está mi CSS final para los interesados

// Haz que las insignias que se muestran en las publicaciones sean más grandes y llamativas
.topic-meta-data .user-badge-buttons .svg-icon {
     transform: scale(1.3);
     // esta es la parte 'más llamativa'
     border-radius: 50%;
     background-color: var(--highlight-bg);
     border-width: 2px;
     border-style: solid;
     border-color: var(--highlight);
     padding: 4px;
}

Resultado:
Selection_2162

4 Me gusta

Este tema se cerró automáticamente después de 2 días. Ya no se permiten nuevas respuestas.