Liste des sujets Discourse Auteur et Participants

[Lilly]

	Résumé	Ajoute un auteur de sujet à la colonne de gauche des pages de liste de sujets, ainsi qu’une option pour n’afficher que l’auteur le plus récent dans la colonne des auteurs par défaut. L’avatar de l’auteur peut également être dimensionné et mis en forme.
	Aperçu	\u003chttps://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters\u003e
	Dépôt	\u003chttps://github.com/Lillinator/discourse-topic-list-author-posters\u003e
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau dans les thèmes Discourse ?	Guide du débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

Vue d’ensemble

Ce composant de thème Discourse insère un avatar de l’auteur du sujet dans la première colonne de toutes les routes de liste de sujets et dispose de paramètres permettant à l’administrateur de spécifier la forme et la taille de l’avatar. De plus, l’avatar de l’auteur n’apparaîtra pas comme le premier avatar dans la liste des auteurs.

Il existe également un paramètre pour que la colonne des avatars des auteurs n’affiche que l’auteur le plus récent, mais uniquement s’il y a plus d’un participant au sujet. Ainsi, l’avatar de l’auteur n’apparaîtra que s’il y a d’autres auteurs dans le sujet.

En outre, les administrateurs peuvent également choisir d’afficher l’auteur du sujet sur la page de catégorie lorsque les vues de liste des sujets les plus récents sont activées (c’est-à-dire : « Catégories avec les sujets les plus récents »), et il existe également des options de taille et de forme d’avatar.

Il y a aussi un interrupteur pour aligner verticalement le contenu de la ligne en haut ou au milieu.

Dans une petite vue (taille mobile), l’auteur apparaîtra à l’endroit où se trouve l’avatar du dernier auteur.

Ce sujet fonctionne bien avec Extraits de liste de sujets et résumés gists de Discourse AI.

Paramètres

Capture d'écran des paramètres avec les options par défaut sur la page d'administration du composant

Paramètres	Description
Taille de l'avatar de l'auteur de la liste des sujets	Taille des avatars dans la colonne de l’avatar de l’auteur des routes de la page de liste des sujets - small (petit), medium (moyen) ou large (grand).
Rayon de la bordure de l'avatar de l'auteur de la liste des sujets	Arrondissement de l’avatar sur les routes de la page de liste des sujets : 0% = carré → 50% = cercle. tab_style = coins arrondis à gauche
Afficher uniquement le dernier auteur dans la liste des sujets	Afficher uniquement l’avatar du dernier auteur dans la colonne des auteurs, mais seulement s’il y a plus d’un participant au sujet.
Aligner verticalement le haut de la ligne	Interrupteur pour aligner le haut ou le milieu des lignes
Afficher l'auteur sur la page des catégories	Afficher l’avatar de l’auteur au lieu du dernier auteur dans les listes de sujets sur la page des catégories.
Taille de l'avatar du sujet de la page de catégorie	Taille des avatars dans la colonne de l’avatar de l’auteur dans les listes de sujets de la page des catégories - small (petit), medium (moyen) ou large (grand).
Rayon de la bordure de l'avatar de la page de catégorie	Arrondissement de l’avatar sur la page des catégories : 0% = carré → 50% = cercle. tab_style = coins arrondis à gauche

Captures d’écran

Voici quelques captures d’écran avec différentes tailles et formes d’avatar, montrant également les résumés gists de l’IA étendus.

Captures d'écran de diverses pages de liste de sujets avec différents paramètres de composant activés, montrant les modes de gists compacts et étendus, et la barre latérale étendue/réduite

Avec les paramètres par défaut :

Grande forme d’avatar tab_style avec les gists de résumé étendus :

Petits avatars avec une forme de rayon de bordure de 15% et Topic_list_show_last_poster_only activé :

Avatars de taille moyenne avec un rayon de bordure de 0% (carré) avec Topic_list_show_last_poster_only activé, et les gists de résumé étendus :

Captures d'écran de la page de catégorie montrant 2 tailles et formes différentes d'avatars avec l'auteur ou le dernier auteur.

Paramètres de composant par défaut, avec avatars ronds de taille moyenne et Show_author_on_categories_page activé :

Avatars de grande taille tab_style et Show_author_on_categories_page désactivé :

Capture d'écran de la vue de taille mobile

Avec les avatars d’auteur tab_style :

---

Notes

• Insère l’avatar de l’auteur et modifie la colonne des auteurs là où c’est prévu dans les onglets de la page de profil.
• Le comportement mobile est le même que par défaut dans les listes de pieds de page de sujets (sujets suggérés/connexes) et dans les pages d’onglets de profil et de boîte de réception.
• Pas vraiment compatible avec le thème horizon.

---

Tâches futures possibles

• Ajouter un interrupteur de désactivation mobile ?
• Exonérations de catégorie et d’étiquette ?
• Prise en charge de la lecture de gauche à droite ?
• Mettre en forme les avatars des auteurs ?

Comme toujours, merci à @Moin pour l’idée, les commentaires et l’aide au débogage.

[jordanjay29]

Merci d’avoir créé ceci, cela a instantanément résolu un problème potentiel pour moi !

@Lilly

Améliorations de style supplémentaires

Peut-être que c’est déjà prévu, je voulais mentionner que j’ai remarqué que le rembourrage et l’alignement de la colonne de l’avatar de l’afficheur à gauche ont une indentation étrange (qui n’est pas présente sur mobile avec le composant désactivé, à titre de comparaison). Cela ressemble à l’attribut text-align de td.posters qui affecte également l’image.
L’alignement de la liste des avatars des afficheurs change également lorsqu’il est activé, et il semble que l’alignement de td.topic-list-data écrase la valeur par défaut. Il est assez facile d’apporter des modifications de feuille de style de mon côté si vous êtes satisfait de ces éléments par ailleurs.
Composant fantastique, merci encore.

[Lilly]

merci pour le signalement, je viens de pousser un correctif. mettez à jour le composant et faites-moi savoir si cela aide.

[jordanjay29]

L’alignement de l’avatar à gauche est meilleur sur ordinateur. J’ai ajouté ce CSS pour ajuster la colonne de l’afficheur du milieu à mes préférences :

td.posters.topic-list-data {
    vertical-align: middle !important;
}

Je pense que votre future désactivation mobile aidera aussi, car le style utilise un peu plus d’espace blanc que nécessaire.

[Lilly]

[quote=“jordanjay29, post:4, topic:394364”]L’alignement à gauche de l’avatar est meilleur sur ordinateur. J’ai ajouté ce CSS pour ajuster la colonne de l’afficheur du milieu à mes préférences :

[/quote]

L’alignement vertical supérieur est intentionnel pour être cohérent avec le reste de la carte du sujet et ne sera pas modifié.

Je n’ai fait aucun changement pour le mobile, mais je vais regarder.

[jordanjay29]

L’alignement vertical a peut-être été appliqué de manière trop large dans votre CSS et n’a probablement besoin de cibler que la custom-author-column là où vous utilisez td.topic-list-data. Je soupçonne que le changement de cible à td.custom-author-column.topic-list-data résoudra le problème et supprimera la nécessité d’un style personnalisé pour le corriger de mon côté.

[Lilly]

non, j’avais l’intention que la colonne des affiches soit alignée verticalement en haut avec tous les autres éléments de la ligne. Elle semble déplacée alignée au milieu (surtout si vous activez les extraits ou les aperçus IA), mais je suppose que c’est une question de goût, vous pouvez donc ajuster comme vous le souhaitez.

j’ai poussé un petit changement pour le mobile.

[jordanjay29]

Puisque mon forum n’utilise pas d’extraits, de gists ou de résumés IA, l’apparence par défaut de Discourse est préférée. Ce changement me semble plus pertinent dans un composant de thème dédié, mais nous sommes en désaccord et j’ai réglé cela de mon côté, donc pas de rancune.

L’affichage mobile est un peu meilleur, merci !

[Lilly]

@jordanjay29 après y avoir réfléchi davantage, j’ai décidé d’ajouter une bascule d’alignement (assez facile).

Voilà

Il y a un nouveau paramètre Aligner verticalement le haut de la ligne que vous pouvez désactiver pour obtenir le centrage par défaut. Faites-moi savoir si cela fonctionne pour vous.