Après avoir travaillé sur une petite refonte des pages de liste de sujets sur ordinateur, j’ai développé une version mobile avec des idées similaires : plus d’espace pour les titres des sujets, une deuxième ligne avec plus d’informations et une colonne dédiée uniquement au dernier message.
Compatibilité
Ce composant de thème est compatible avec les fonctions des balises, des liens mis en avant, ainsi qu’avec toutes les fonctions disponibles dans la version originale de la liste des sujets. Toute présentation de style de catégorie (puces, barre, boîte) devrait fonctionner avec ce composant.
Le composant de thème a été testé sur plusieurs palettes de couleurs et fonctionnera avec des thèmes clairs, neutres ou sombres.
Malheureusement, ce composant de thème pourrait ne pas fonctionner avec des plugins qui modifient déjà la présentation de la liste des sujets, comme les aperçus de liste de sujets.
Super plugin. Une suggestion générale : pourrions-nous avoir la version minimale de Discourse requise pour les thèmes et les composants ? Je suis sur la branche Stable, mais j’ai un bac à sable de test pour la version 2.5beta. @codinghorror ?
Vous saurez que cela fonctionne si les avatars dans la colonne de droite s’affichent correctement. Dans quelques semaines, lorsque les avatars cesseront de fonctionner, vous n’aurez qu’à réinstaller le composant sans utiliser l’option avancée.
J’aime le fait que l’avatar du dernier posteur soit à droite.
Sur la mise en page mobile par défaut, le grand avatar juste à gauche du titre du sujet crie « auteur ».
Par simple curiosité, j’ai consulté le fichier SCSS. Y a-t-il une raison pour laquelle vous n’avez pas utilisé la syntaxe imbriquée proposée par SCSS ?
Je viens de publier une petite mise à jour. Aucune nouvelle fonctionnalité, mais j’ai ajouté la compatibilité avec les nouvelles fonctions de miniatures.
Le composant de thème est désormais entièrement compatible avec ces composants :
J’adore, c’est si épuré. @Steven, je me demandais s’il était possible d’ajouter cette fonctionnalité native via CSS lorsque l’on clique sur « Total des réponses » ?
Pas avec le CSS, mais le modèle peut être corrigé.
Je n’utilise personnellement cette fonctionnalité que pour accéder au premier message, mais je ne devrais pas imposer ma façon de naviguer à tout le monde. Je vais voir si je peux rétablir la fonctionnalité.
J’ai mis à niveau le composant pour rétablir cette fonctionnalité. Je l’ai testé sur deux supports, mais n’hésitez pas à me faire part de tout problème.
Salut @Steven, il semble que les notifications de nouveaux messages s’affichent deux fois. Une fois à droite du titre du sujet, et une fois à la place du compteur de réponses. Est-ce un bug ou est-ce que je passe à côté de quelque chose ?
Cela doit provenir de la dernière mise à jour avec le bouton d’entrée du sujet. Je pense qu’il serait préférable de revenir à la version précédente. Ce n’est pas vraiment adapté au composant.
Je vais mettre à niveau dans quelques minutes
edit : Mise à niveau effectuée à l’instant, faites-moi savoir si c’est mieux
Cela pourrait ne pas correspondre au design du forum, et il faudrait respecter les choix de design pour les ordinateurs de bureau (où aucune icône n’est affichée par défaut).
Si vous ajoutez réellement une icône de tag avec le composant d’icônes de tag, cela ressemblera à ceci :
J’ai donc masqué l’emoji avec du CSS, mais je pense qu’il ne devrait pas être là dès le départ
Voici comment cela s’affiche sur mon forum actuellement :
Merci pour votre retour. J’ai de gros problèmes de connexion internet, donc je suis un peu en retard sur tout le travail lié aux discussions.
J’aime bien l’idée de l’icône ou de l’emoji pour les balises, mais je vais probablement remplacer les deux composants de thème par une icône d-icon pour les balises. En même temps, je vais créer une branche sans aucune icône pour assurer la compatibilité avec le composant d’icônes de balises.
Salut Steven !
Il semble y avoir quelques problèmes de mise en page avec la version actuelle de Discourse.
J’ai créé un thème vide et j’ai juste inclus le composant mobile MD Topic List, et cela semble effectivement être le problème.
Voici la vue mobile :
Je vais essayer de réécrire le template pour supprimer le maximum de classes personnalisées également, je pense que c’est mieux avec la refonte en cours dans le cœur.
edit : Nouveau commit, j’ai réécrit le template et la feuille de style pour faciliter les mises à jour futures.
Faites-moi savoir si vous rencontrez des problèmes @Canapin
