Project

General

Profile

Documentation #66751

Avoir une classe supplémentaire pour les « note »

Added by Pierre Cros 7 months ago. Updated 7 months ago.

Status:
Nouveau
Priority:
Normal
Assignee:
-
Category:
-
Target version:
-
Start date:
29 June 2022
Due date:
% Done:

0%

Estimated time:
Patch proposed:
No
Planning:
No
Club:
No

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.


Files

Screenshot 2022-06-29 at 09-23-13 Publik - Type de notes.png (137 KB) Screenshot 2022-06-29 at 09-23-13 Publik - Type de notes.png Frédéric Péters, 29 June 2022 09:25 AM
yelp-note-tip.svg (1.31 KB) yelp-note-tip.svg Frédéric Péters, 29 June 2022 10:10 AM
yelp-note-warning.svg (537 Bytes) yelp-note-warning.svg Frédéric Péters, 29 June 2022 10:10 AM
yelp-note-note.svg (347 Bytes) yelp-note-note.svg Frédéric Péters, 29 June 2022 10:10 AM
yelp-note-important.svg (478 Bytes) yelp-note-important.svg Frédéric Péters, 29 June 2022 10:10 AM
yelp-note-bug.svg (814 Bytes) yelp-note-bug.svg Frédéric Péters, 29 June 2022 10:10 AM

History

#1

Updated by Frédéric Péters 7 months ago

Ç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/

#2

Updated by Pierre Cros 7 months ago

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.

#3

Updated by Olivier Renard 7 months ago

(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)

#4

Updated by Frédéric Péters 7 months ago

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

#5

Updated by Frédéric Péters 7 months ago

avec ctrl r,

ctrl-maj-r-shift-f5-ctrl-alt-del. (de plus en plus difficile de dire ce qui assure un rechargement).

#6

Updated by Pierre Cros 7 months ago

Rien que le fond en jaune ça répond à l'essentiel de ma demande, top (mais contrastes tout ça, bien compris).

#7

Updated by Pierre Cros 7 months ago

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.

#8

Updated by Frédéric Péters 7 months ago

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

#9

Updated by Pierre Cros 7 months ago

Les monochromes me vont bien perso, en particulier si on a fond de couleur autre que le gris.

#10

Updated by Pierre Cros 7 months ago

Mais je peux aussi chercher d'autres icônes avec des couleurs.

Also available in: Atom PDF