Mostrar autor del tema en la lista de temas

Contribuir UX
1

Hello!

I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.

Would there be an easy way to accomplish this?

Username of user below topics
2

EDIT: Here’s a more complete solution I threw together that you can download as a theme component:

https://theme-creator.discourse.org/theme/tshenry/original-poster-only

8 Me gusta
Topic Author
3

@tshenry, genial, estoy buscando una solución similar, pero me gustaría mostrar el nombre de usuario del publicador en lugar de su imagen.

¿Dónde podríamos echar un vistazo al repositorio de tu componente?

4

¡Ah! Definitivamente me equivoqué al no proporcionar una forma de descargar o ver el código. ¡Solo es un poco de CSS! Lo incluiré en un componente de tema adecuado en GitHub cuando tenga oportunidad.

// Ocultar todos los posters excepto el autor del tema
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Mostrar solo el primer poster
    a:not(:first-of-type) {
        display: none;
    }
    // Eliminar desplazamiento y decoración
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Ajuste para alineación centrada
    & > a {
        float: none;
        margin-right: 0;
    }
}

// Asegurar que el usuario correcto se muestre en anchos menores
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // Asegurar que el primer poster se muestre
        a:not(.latest) {
            display: block;
        }
        // Ocultar todo lo demás
        a:not(:first-of-type) {
            display: none;
        }
    }
}

Lo que estás intentando lograr probablemente esté más cerca de:

4 Me gusta
7

¡Esto es genial! ¡Gracias!

Parece que el código CSS para móviles no funciona. ¿Cambió Discourse recientemente la forma en que organiza a los autores en móviles? ¿Alguna sugerencia sobre cómo solucionarlo?

¡Gracias!

8

El CSS anterior nunca estuvo pensado para móviles, pero creo que esto es probablemente lo que estás buscando.

1 me gusta
9

¡Sí! No pude limitar este diseño exclusivo para el autor del tema (OP) a categorías específicas mediante CSS usando el tema móvil, como puedo hacerlo con tu código CSS. ¿Tienes algún consejo sobre cómo lograrlo en móvil? (Perdona, soy nuevo en Ember.js :/).

10

Desafortunadamente, limitar por categoría sería una adición bastante significativa a ese componente móvil, ya que no puedes verificar la categoría solo con el archivo Handlebars. Hay algunas cosas que podrías hacer:

  • Crea un tema en Dev al respecto y ve si algún desarrollador puede darte algunas indicaciones.
  • Revisa el código de componentes de temas existentes que involucren categorías y busca ideas o inspiración.
  • Publica una lista en Marketplace y paga a alguien para que lo construya por ti.
2 Me gusta