Documentation #66751
Avoir une classe supplémentaire pour les « note »
0%
Description
Aujourd'hui la classe note est utilisée parfois pour mettre en exergue une info importante, parfois pour caser à cet endroit une info marginale et dispensable qu'on est pas trop en mesure de mettre ailleurs (souvent pour décrire une utilisation avancée, sans entraver la lecture de la doc "simple").
Il faudrait séparer les deux usages et donc créer une classe "important" pour le premier type, "note" restant utilisée pour les trucs avancés/dispensables.
Fichiers
Historique
Mis à jour par Frédéric Péters il y a presque 2 ans
Ça n'était pas intégré dans les styles mais yelp/mallard fournissait différentes classifications pour les notes; je viens d'en intégrer les styles.
Pour préciser une nature de note particulière, en plus de la classe "note" il y a maintenant possibilité d'avoir "note-important", "note-warning", "note-tip" ou "note-bug".
exemples sur https://doc-publik.entrouvert.com/type-de-notes/
Mis à jour par Pierre Cros il y a presque 2 ans
Merci Fred pour les nouvelles classes (ctrl r pour ceux qui ne les verraient pas).
Ça me permet de réaliser que la plupart des usages d'une classe "important" que je voulais faire sont en réalité des warnings.
Je pensais malgré tout à avoir un truc plus différenciant pour cette classe, peut-être une couleur de fond différente, ou un logo plus gros, ou du gras, ou un titre "Important, si tu lis pas tu meurs" (genre "À lire absolument") ou un peu de tout ça...
Si ça se fait facilement tant mieux, sinon on restera là-dessus.
Mis à jour par Olivier Renard il y a presque 2 ans
(avec ctrl r, les classes ne s'affichent pas: De mon coté les styles sont les mêmes pour note-important, note-warning, note-tip, note-bug)
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier Screenshot 2022-06-29 at 09-23-13 Publik - Type de notes.png Screenshot 2022-06-29 at 09-23-13 Publik - Type de notes.png ajouté
Là j'ai en effet juste repris ce qui existait côté yelp; pour aller plus loin il faut passer un peu plus de temps, jouer sur la couleur de fond mais faire attention aux contrastes, jouer peut-être sur les bordures, sans doute ne pas forcer la graisse du texte parce que ça fait vite paté.
(expérimentation en pièce jointe mais je ne peux pas poursuivre tout de suite).
Mis à jour par Frédéric Péters il y a presque 2 ans
avec ctrl r,
ctrl-maj-r-shift-f5-ctrl-alt-del. (de plus en plus difficile de dire ce qui assure un rechargement).
Mis à jour par Pierre Cros il y a presque 2 ans
Rien que le fond en jaune ça répond à l'essentiel de ma demande, top (mais contrastes tout ça, bien compris).
Mis à jour par Pierre Cros il y a presque 2 ans
Pierre Cros a écrit :
Rien que le fond en jaune ça répond à l'essentiel de ma demande, top (mais contrastes tout ça, bien compris).
À noter quand même que l'icône de panneau carré sur note-warning, c'est un panneau de signalisation américain, on préférerait un triangle bien de chez nous, sans doute.
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier yelp-note-warning.svg yelp-note-warning.svg ajouté
- Fichier yelp-note-tip.svg yelp-note-tip.svg ajouté
- Fichier yelp-note-note.svg yelp-note-note.svg ajouté
- Fichier yelp-note-important.svg yelp-note-important.svg ajouté
- Fichier yelp-note-bug.svg yelp-note-bug.svg ajouté
triangle bien de chez nous
Pas en mesure de dessiner ça. Mais sur ce sujet les dernières versions de Yelp ont remplacé ces images par des pictos monochromes, qui n'ont pas ce problème de panneau de signalisation. (mais j'aime bien les versions actuelles colorées).
Mis à jour par Pierre Cros il y a presque 2 ans
Les monochromes me vont bien perso, en particulier si on a fond de couleur autre que le gris.
Mis à jour par Pierre Cros il y a presque 2 ans
Mais je peux aussi chercher d'autres icônes avec des couleurs.