 |
Résumé | Rend les styles [details] plus évidents comme étant cliquables |
 |
Aperçu | via Theme Creator |
 |
Dépôt | Ger / Component - Better Hide Details · GitLab |
 |
Guide d’installation | Comment installer un thème ou un composant de thème |
 |
Nouveau sur les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Description
Ce composant rend plus apparent que le titre de [details] fonctionne comme un bouton. Les détails imbriqués ont une couleur plus intense pour chaque niveau et il est clair où chaque élément se termine.
Captures d’écran
Avec le composant de thème Hide Details Button Style
Sans le composant de thème Hide Details Button Style
Ceci est le même sans que le composant soit actif sur une installation normale :
Source utilisée dans l'exemple
[details=Ligne de titre]
Contenu
[details=Titre imbriqué fermé]
Contenu imbriqué
[/details]
[details=Titre imbriqué]
Plus de contenu imbriqué
[/details]
[/details]
[details=Deuxième détail]
Plus de contenu
[/details]
Texte
[details=Détails supplémentaires]
Encore plus de contenu
[/details]
(↑ Concernant le formatage méta de Discourse pour masquer les détails, je ne suis pas tout à fait sûr de ce qui affecte le thématisation sur cette installation ou s’il pourrait s’agir d’une fonctionnalité à venir.)
Fonctionnalités
- Indique clairement où un
[details]commence/finit et qu’il peut être cliqué - Le
[details]actuellement sélectionné est visuellement mis en surbrillance avec la touche \u003ckbd\u003eTAB\u003c/kbd\u003e. - Plusieurs cas limites tels que l’imbrication, plusieurs
[details]successifs sont gérés - Apparaît en direct dans l’aperçu de l’éditeur
- Affichage basique dans les flux “Réponses récentes”, etc.
- Utilise la couleur tertiaire du schéma de couleurs
- Flèche séparée pour les titres de résumé multilignes
Remarques
- Je l’ai testé avec tous les thèmes de l’instance Discourse dont je suis participant et cela a fonctionné là-bas
- Il utilise partiellement des fonctionnalités CSS plus récentes, donc les couleurs pourraient ne pas fonctionner correctement sur les anciens navigateurs
- Si Discourse change la façon dont
[details]sont structurés ou stylisés à l’avenir, ce composant de thème risque de casser.
\u003cdiv data-theme-toc="true"\u003e \u003c/div\u003e
Ce serait mieux s’il y avait un réglage pour la couleur d’arrière-plan.