Afficher l'auteur du sujet dans la liste des sujets

Contribuer 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 « J'aime »
Topic Author
3

@tshenry, génial, je cherche une solution similaire, mais j’aimerais afficher le nom d’utilisateur de l’auteur au lieu de son image.

Où pouvons-nous consulter le dépôt de votre composant ?

4

Ah ! J’ai clairement fait une erreur en oubliant de prévoir un moyen de télécharger ou de consulter le code ! Il ne s’agit que de CSS. Je l’intégrerai dans un véritable composant de thème sur GitHub dès que j’aurai un moment.

// Masquer tous les auteurs sauf l'auteur du sujet
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Afficher uniquement le premier auteur
    a:not(:first-of-type) {
        display: none;
    }
    // Supprimer le décalage et la décoration
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Ajustement pour l'alignement centré
    & > a {
        float: none;
        margin-right: 0;
    }
}

// S'assurer que le bon utilisateur s'affiche sur les écrans plus petits
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // S'assurer que le premier auteur est visible
        a:not(.latest) {
            display: block;
        }
        // Masquer tout le reste
        a:not(:first-of-type) {
            display: none;
        }
    }
}

Ce que vous essayez d’accomplir ressemble probablement davantage à :

4 « J'aime »
7

C’est super cool. Merci !

Le code CSS pour mobile ne semble pas fonctionner. Discourse a-t-il récemment changé la façon dont il organise les auteurs pour mobile ? Des conseils sur la façon de corriger cela ?

Merci !

8

Le CSS ci-dessus n’a jamais été conçu pour les appareils mobiles, mais je pense que c’est probablement ce que vous recherchez ?

1 « J'aime »
9

Oui ! Je n’ai pas pu limiter cette mise en page réservée aux seuls auteurs du sujet à des catégories spécifiques via CSS avec le thème mobile, contrairement à ce que permet votre code CSS. Auriez-vous des conseils pour y parvenir sur mobile (désolé, je débute avec Ember.js :/) ?

10

Malheureusement, limiter par catégorie constituerait un ajout assez important à ce composant mobile, car vous ne pouvez pas vérifier la catégorie uniquement avec le fichier Handlebars. Voici quelques options possibles :

  • Créez un sujet dans Dev pour voir si des développeurs peuvent vous donner des pistes.
  • Explorez le code de composants de thème existants qui concernent les catégories pour trouver des idées ou de l’inspiration.
  • Publiez une annonce dans Marketplace et payez quelqu’un pour le développer pour vous.
2 « J'aime »