Cartes de sujet

[Gonerdot]

Veuillez me dire quoi changer dans les fichiers pour modifier l’emplacement des balises.
Je pense que le titre devrait venir en premier.

Avant :

Après :

[manchestermania (Quaerimus Felicitatem)]

Merci beaucoup pour ce merveilleux TC. L’apparence est vraiment moderne, simple et élégante.

Une question et une demande,

La recherche peut-elle également avoir la même apparence ? Ce serait vraiment bien si l’affichage des résultats de recherche était le même que l’affichage du TC, étant donné que nos utilisateurs utilisent beaucoup la fonction de recherche.

Encore une fois, merci beaucoup pour ce travail.

[chapoi]

@manchestermania

Est-ce que l’affichage des résultats de recherche peut également avoir le même aspect ? Ce serait vraiment bien si l’affichage des résultats de recherche était le même que celui de TC, étant donné que nos utilisateurs utilisent beaucoup la fonction de recherche.

Ce serait génial, mais malheureusement, c’est un domaine complètement différent de l’application. Il n’est donc pas possible de l’appliquer simplement là aussi. Ce serait essentiellement un tout nouveau composant pour y parvenir.

[Ahmed26]

@chapoi Comment puis-je réduire la taille de l’image et la zone du sujet ?

les cartes de sujet sont trop grandes

[P_O]

C’est un excellent composant de thème, puis-je suggérer quelques améliorations, notamment l’ajout d’une page de paramètres pour modifier les éléments suivants :

• Valeur du paramètre de coins arrondis ou désactivé
• Valeur du paramètre d’ombre ou désactivé
• Paramètre d’activation/désactivation des réponses, de la vue et de l’activité
• Afficher les affiches vrai ou faux

[bloomexperiment (Tracey)]

@Gonerdot

J’ai essayé d’installer ce composant sur de nombreux thèmes, mais il a l’air un peu de travers partout. Qu’est-ce que je fais de mal ?

@chapoi

D’accord, donc les cartes de sujet ont besoin d’une hauteur maximale, sinon vous aurez des problèmes comme :

@chapoi

Cela pourrait avoir quelque chose à voir avec la taille de la police, la famille de polices ou la hauteur de ligne. Malheureusement, cela nécessitera des ajustements individuels, et ce n’est pas quelque chose que je peux appliquer une solution universelle.

Je voulais juste partager au cas où cela serait utile à quelqu’un d’autre :

Pour moi, j’ai eu le même problème avec la hauteur maximale de la carte de sujet qui n’était pas assez grande s’il y avait une miniature – lors de l’installation en tant que composant de thème sur le thème Minima.

Voici le CSS pertinent que j’ai utilisé pour le corriger :

// Augmenter la hauteur maximale pour les cartes de sujet avec miniature
.topic-card:has(.topic-card__thumbnail) {
    max-height: 275px;
}

(La hauteur par défaut semblait être de 210px lorsque j’ai vérifié dans l’inspecteur)

Cela pourrait nécessiter des ajustements cependant – je n’ai pas vérifié sur les largeurs mobiles.

Avant

Après

[Heliosurge (Dan DeMontmorency)]

Je me demandais s’il était possible de configurer cela pour choisir quelles catégories utilisent la carte de sujet. Ce serait formidable si cela était utilisé dans Theme car les miniatures de sujet ne sont pas très conviviales sur mobile.

Très beau composant

[chapoi]

@bloomexperiment

Pour moi, j’ai eu le même problème avec la hauteur maximale de la carte de sujet qui n’était pas assez grande s’il y avait une miniature – lors de l’installation en tant que composant de thème sur le thème Minima.

Voici le CSS pertinent que j’ai utilisé pour le corriger :

// Augmenter la hauteur maximale pour les cartes de sujet avec miniature
.topic-card:has(.topic-card__thumbnail) {
    max-height: 275px;
}

(La hauteur par défaut semblait être de 210px lorsque j’ai vérifié dans l’inspecteur)

Pourrait nécessiter un ajustement cependant – je n’ai pas vérifié sur les largeurs mobiles.

Oui, c’est ce que je voulais dire dans ce que j’ai dit précédemment : selon d’autres paramètres, 210px pourrait être trop petit, ou 275px pourrait être trop grand. Il est difficile d’avoir une solution universelle.

Je pourrais ajouter d’autres paramètres (comme le choix par catégorie, comme demandé par @Heliosurge), y compris peut-être un paramètre de taille maximale afin que chaque forum puisse jouer avec.

[Truest]

1. Qu’en est-il de faire glisser la photo vers la droite ?
   Le placement avec et sans la photo est différent et incohérent.
2. Il semble que le texte du bas ait tendance à être coupé car une partie du contenu est affichée.

[icaria36]

Je me demandais à quoi ressemblait ce composant de thème sur Air Theme, en combinant également des sujets avec et sans images. Cela semble prometteur mais pas encore parfait. Peut-être que le CSS seul peut résoudre les problèmes ou peut-être qu’un travail plus approfondi est nécessaire.

Ça rend bien sur mobile !

Je vais le désinstaller pour l’instant, mais je garderai un œil sur ce sujet car il est très bien tel qu’il est prévu.

Et oui, ce serait un bon ajout de prendre l’image de la catégorie lorsque le sujet n’a pas d’image propre.

[icaria36]

Qu’est-ce qu’il faudrait pour que le composant Topic Cards affiche non seulement les d’un sujet (comme il le fait déjà maintenant), mais aussi les vues et les commentaires, comme le fait le composant officiel Topic List Thumbnails en mode blog ?

Topic List Thumbnails

Topic Cards

De plus, je pense que l’utilisation de la date de la dernière activité par Topic List Thumbnails (« 1d » ci-dessus) est meilleure que la date de « Publication » de Topic Card. La date d’activité est cohérente avec la valeur par défaut de Discourse et fournit plus d’informations aux utilisateurs. De plus, l’implémentation du design s’intègre très bien à côté des vues, des likes et des publications.

Au cas où cela vous intéresserait, voici quelques réflexions supplémentaires après de nombreuses heures à tester des combinaisons entre le thème par défaut, Air Theme, Topic Cards et Topic List Thumbnails, ainsi que pas mal de bidouillage CSS.

Je m’oriente vers Topic Cards + thème par défaut, agrémenté de Modern Category + Group Boxes qui apporte des cartes pour les catégories et s’intègre aux cartes de sujets.

Raisons :

• Topic Cards gère élégamment les publications avec et sans images.
• Le thème Air est très cool, mais Topic Cards plus Modern Category y parvient presque.
• Rester avec le thème par défaut garantit la compatibilité avec tout composant de thème officiel prêt à l’emploi.

[icaria36]

Ok, peut-être que cette question est plus simple :

Actuellement, les sujets suggérés à la fin de chaque page s’affichent également sous forme de cartes. Bien que j’aime les cartes sur les pages principales, je pense qu’elles sont exagérées à la fin de toutes les pages et détournent l’attention du contenu ou de la discussion de la page réelle.

Existe-t-il un moyen d’afficher une simple liste de sujets suggérés (aussi proche que possible du thème par défaut) sans affecter les cartes de sujets sur les pages principales ?

[chapoi]

Pas pour le moment, non. Mais c’est une bonne demande à mon avis, donc vous pouvez toujours essayer de faire une demande de fonctionnalité et peut-être qu’elle sera prise en compte de cette façon.

[icaria36]

@chapoi

Mais c’est une bonne demande à mon avis, donc vous pouvez toujours essayer de faire une demande de fonctionnalité pour cela.

Ok, merci. C’est fait, ainsi que pour ma autre demande ci-dessus :

• Don't show Topic Cards' style in the Suggested topics
• Add icons for Views and Replies, and Last Activity date in Topic Cards

Et au fait, hier j’ai essayé ceci, car j’ai rencontré le même problème de contenu qui débordait des cartes :

@bloomexperiment

Voici le CSS pertinent que j’ai utilisé pour le corriger :

// Augmenter la hauteur maximale pour les cartes de sujet avec miniature
.topic-card:has(.topic-card__thumbnail) {
    max-height: 275px;
}

Cela n’a-t-il pas perturbé la vue mobile ? Je viens de l’essayer, et cela la perturbe dans mon cas.

[chapoi]

Je vais examiner cela. Au minimum, j’ajouterai un paramètre pour la hauteur, afin de faciliter les ajustements. Je vais définir un rappel pour ne pas oublier.

[icaria36]

Quelques observations qui pourraient aider à limiter la hauteur des cartes de sujet. Je n’ai pas testé cela de manière approfondie, mais il semble que…

• Bien que la description soit toujours limitée à trois lignes, le titre peut passer à deux lignes ou plus. Il est relativement facile pour un titre d’avoir besoin d’une deuxième ligne, et la conception pourrait en tenir compte.
• Lorsqu’il y a de nombreuses étiquettes et qu’elles ne rentrent pas à côté de la catégorie, elles sautent toutes sur une nouvelle ligne en dessous. Il serait plus naturel et plus efficace en termes d’espace si les étiquettes commençaient toujours à s’afficher à côté de la catégorie, puis laissaient les étiquettes qui ne rentrent pas dans la première ligne s’écouler sur la deuxième.
• « Publié [date] » et le apparaissent actuellement sur une nouvelle ligne sous l’auteur. Cependant, l’élément « Publié » pourrait être à côté du aligné à droite, sur la même ligne que l’auteur. Cela permettrait d’économiser de l’espace vertical sur chaque entrée et de réduire le risque que le contenu déborde.

Juste au cas où l’explication sur les étiquettes ne serait pas claire. Vous pouvez voir ici comment elles commencent sur une nouvelle ligne au lieu de commencer à côté de la catégorie comme elles le font par défaut :

[eisammy (Sammy)]

Ceci se produit ici

[icaria36]

Je me demandais s’il était techniquement possible de forcer une limite de 1 ligne pour les tags, tout comme il existe une limite de 2 lignes pour le titre et de 3 lignes pour la description.

La plupart des instances Discourse utilisent 0 à 5 tags et une ligne est plus que suffisante pour eux. Certains (comme la nôtre) peuvent utiliser les tags de manière extensive, mais nous n’avons pas besoin de tous les voir sur les cartes de sujet. Voir seulement les premiers suffit pour donner une idée.

L’ajout de contraintes sur le nombre de lignes rendrait les cartes de sujet plus fiables avec différentes tailles et proportions d’images :

• 1 ligne pour la catégorie et les tags
• Jusqu’à 2 lignes pour le titre
• Jusqu’à 3 lignes pour la description
• 1 ligne pour l’auteur, la date de publication et les likes.

[icaria36]

@icaria36

« Publié le [date] » et le sont actuellement sur une nouvelle ligne sous l’auteur. Cependant, l’élément « Publié » pourrait être à côté du aligné à droite, sur la même ligne que l’auteur. Cela permettrait d’économiser de l’espace vertical sur chaque entrée et de réduire le risque que le contenu déborde.

Pour information, nous allons aborder cela sur Add icons for Views and Replies, and Last Activity date in Topic Cards.

[bloomexperiment (Tracey)]

@icaria36

@bloomexperiment

Voici le CSS pertinent que j’ai utilisé pour le corriger :

// Augmenter la hauteur maximale des cartes de sujet avec miniature
.topic-card:has(.topic-card__thumbnail) {
    max-height: 275px;
}

Cela n’a-t-il pas perturbé la vue mobile ? Je viens de l’essayer et cela la perturbe dans mon cas.

Ah oui, j’ai oublié de commenter ici avec ma mise à jour à ce sujet : j’ai dû ajouter ce code uniquement à desktop.scss plutôt qu’à common.scss.

Je ne peux plus modifier mon commentaire original mais je l’ai mis à jour dans mon composant de thème : Minima Adjustments for Topic Cards