Cartes de sujet

[Discourse]

	Résumé	Topic Cards re-stylise la liste des sujets pour les afficher sous forme de cartes avec une miniature
	Aperçu	Aperçu sur Discourse Theme Creator
: hammer_and_wrench:	Dépôt	\u003chttps://github.com/discourse/discourse-topic-cards\u003e
: open_book:	Nouveau sur les thèmes Discourse ?	Guide pour débutants sur l’utilisation des thèmes Discourse

Installer ce composant de thème

Comme il s’agit d’un composant de thème #officiel maintenu par l’équipe Discourse, les demandes de Support, de Bug, d’ UX et de Feature peuvent être faites dans les catégories respectives ici sur Meta, et taguées avec le tag approprié du composant de thème. Cliquez sur un lien ci-dessous pour en démarrer une.

\u003ckbd\u003e \u0026nbsp;Support \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;Bug \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;UX \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;Fonctionnalité\u003c/kbd\u003e

\u003e Ce composant de thème peut entraîner des conflits avec d’autres personnalisations de la liste des sujets

Fonctionnalités

Ce composant s’inspire de Topic Thumbnails, simplifie son utilisation, ajoute des extraits et des clics sur carte complète, et ajoute un peu de magie CSS supplémentaire.

• Rendre la carte complète cliquable (sauf pour l’avatar de l’auteur original)
• Afficher l’extrait
• Afficher une miniature du sujet, si disponible
• Afficher la date de publication
• Supprimer certaines métadonnées et rendre les likes plus visibles

Bureau

Mobile

Paramètres

Traduction	Défaut
published	Publié

\u003cbr\u003e

\u003e:discourse2: Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Standard, Business et Enterprise.

[Moin]

La ligne bleue verticale couvre des parties du texte

(Ne semble pas dépendre du navigateur/appareil, j’ai essayé Edge/Windows, Chrome/Android et Firefox/Android)

[frold]

a fonctionné immédiatement sous Chrome sur Windows et sous Chrome sur iPhone 8

[chapoi]

@Moin

La ligne bleue verticale couvre des parties du texte

C’est vrai, j’avais oublié ça. Je vais corriger – merci.

[jayme]

Comment puis-je supprimer les onglets « réponses » et « activité » sous le bouton « +Nouveau sujet » ?
cela rend mon sujet vraiment court et ça a l’air moche haha

[Lilly (Lillian Louis)]

Salut @jayme, il semble que ces onglets ne fassent pas partie de ce composant et qu’ils soient probablement ajoutés par un autre composant ou plugin de thème. Lorsque je charge un forum de test avec ce composant, ces onglets n’existent pas, pas plus qu’ils n’apparaissent dans les captures d’écran de l’OP. Vous devrez peut-être désactiver d’autres composants pour trouver lequel, puis s’il n’y a pas de paramètre pour ces onglets, vous devrez peut-être le désactiver.

[chapoi]

Border/box-shadow ne fonctionne pas bien avec les cartes, j’ai donc dû improviser un peu pour obtenir une indication de remplacement

UX: replace border with text colour on select with keyboard

[Moin]

@chapoi

j’ai donc dû improviser un peu pour obtenir une indication de remplacement

D’une manière ou d’une autre, je ne vois plus aucune indication

[chapoi]

Utilisez-vous les commandes j/k pour naviguer ?

[Moin]

Non, j’ai juste utilisé la touche Tab. En fait, j’ai utilisé ma tablette. Après avoir utilisé le bouton retour, le message est généralement mis en surbrillance. Cela ne s’est pas produit ici. J’ai seulement essayé cela sur l’ordinateur pour l’enregistrement.

[derak (Cristian Deraco)]

composant de thème génial !

[Gonerdot]

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

[chapoi]

Hmmm… difficile à dire. Il semble que d’une manière ou d’une autre la hauteur des cartes soit limitée et que le contenu soit plus grand que d’habitude.

Pouvez-vous d’abord vérifier que ce n’est pas dû à un conflit avec d’autres composants ou thèmes ? Je vois que vous avez également activé la barre latérale droite, ce qui pourrait affecter certains calculs de taille, peut-être.

Alors, vérifiez cela et faites-moi savoir ?

[Gonerdot]

J’ai désactivé tous les autres composants, mais le problème n’a pas été résolu.

[chapoi]

Bizarre ! Puis-je jeter un œil au forum sur lequel vous l’avez installé ?

[Gonerdot]

bearblog.ru

Mais vous devez changer le thème pour dracula dans les paramètres de votre profil.

[chapoi]

Merci, j’y jetterai un coup d’œil !

[Gonerdot]

Il me semble que le problème peut être résolu en limitant le nombre de caractères dans l’aperçu, mais je ne sais pas comment faire.

[chapoi]

Alors, les cartes de sujet ont besoin d’une hauteur maximale, sinon vous rencontrez des problèmes comme :

Je ne peux pas dire pourquoi la vôtre ne s’adapte pas bien, car dans l’exemple sur le créateur de thèmes, je peux aussi utiliser des titres multilignes et cela s’adapte toujours :

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 comme solution universelle.

Une solution possible est, comme vous l’avez dit, de limiter le titre à une seule ligne, ce que vous pourriez faire en ajoutant ce CSS :

.topic-card {
  .link-top-line {
      max-width: 100%;
      overflow: hidden;

     .title {
        display: block;
        white-space: no-wrap;
      }
   }
}