Liste des sujets MD Composant Mobile

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.

N’hésitez pas à me faire part de tout problème !

21 « J'aime »

Nice Plugin. Though a general Reccommendation can we have Theme & Components list min Discourse version? I am on Stable branch but do have a test sandbox for 2.5beta. @codinghorror?

I just did a specific branch for older versions.

When installing, use the link https://github.com/iunctis/md-topic-list-mobile the advanced options and add older-discourse

You’ll know if it works if the avatars on the right column works fine. In a few weeks, when the avatars will be broken, you’ll just have to reinstall the component without using the advanced option

2 « J'aime »

A direct comparison:

Default / Component

I like the fact that the last poster avatar is on the right.
On the default mobile layout, the big avatar just on the left of the topic title screams “author”.

Just out of curiosity, I looked at the scss file, any reason for which you didn’t use nested syntax provided by scss?

7 « J'aime »

Tried the advanced option. Still says disabled req 2.5 beta2

Mostly because I make more mistakes with nested syntax on css :grimacing:

But I could rewrite it in a few weeks when I’m more confident with the topic list design

@Heliosurge I edited the about.json file, it should be ok now

3 « J'aime »

Thank you for your awesome work. :beers::sunglasses::+1::sparkles:

2 « J'aime »

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 :

4 « J'aime »

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é.

2 « J'aime »

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.

2 « J'aime »

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 ?

Par ailleurs, la vue mobile des sujets est très bien. Mes utilisateurs l’apprécient.

1 « J'aime »

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

1 « J'aime »

Oui, cela fonctionne parfaitement maintenant, merci, c’était rapide :slight_smile:

1 « J'aime »

Je pense que vous devriez retirer l’emoji de tag que vous avez ajouté devant la liste des tags :

Cela apparaît différemment selon les systèmes d’exploitation :

image

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 :

image

J’ai donc masqué l’emoji avec du CSS, mais je pense qu’il ne devrait pas être là dès le départ :slight_smile:

Voici comment cela s’affiche sur mon forum actuellement :

image

.md-tlm .discourse-tags::before {
    display: none;
}
.md-tlm .tl-replies {
    margin-right: 8px;
}
1 « J'aime »

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.

1 « J'aime »

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 :

Il y a quelque chose d’étrange avec les marges/remplissages.

2 « J'aime »

Merci, je vais regarder ça tout de suite.

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

4 « J'aime »

Cela semble parfait. Merci !

1 « J'aime »

Pouvons-nous ajouter le nombre total de mentions J’aime et de vues du sujet à côté du nombre de réponses ?

2 « J'aime »