Ajoute icône/largeur/arrondi/gras/majuscules à l'étiquette (badge)

Nouveaux attributs par élément (svg_markup/width/border_radius/bold/
uppercase, tous vides ou False par défaut = comportement historique
inchangé), réglables depuis le panneau Propriétés — même esprit que
bold/align/color déjà présents sur titre/paragraphe. Fixer une largeur
implique toujours de sortir de l'étirement pleine largeur par défaut
(align-self:flex-start posé automatiquement avec elle).

Le kicker "Module obligatoire" du thème Sécurité Incendie s'en sert
maintenant (icône flamme, largeur au contenu, arrondi complet, gras,
majuscules) pour être conforme à la maquette d'origine — la puce
décorative CSS générique qui la remplaçait disparaît du thème.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-09-24 11:36:30 +02:00
co-authored by Claude Sonnet 5
parent 1296edc2f8
commit e03bea39c5
9 changed files with 194 additions and 26 deletions
+12 -1
View File
@@ -50,7 +50,18 @@ regroupement à chaque appel.
partir de `data-element-id` + `FORGE_DOCUMENT.slug`, même principe que
le reste des appels AJAX de l'éditeur).
- **Étiquette** (`badge`) : `<div>` portant `attributes["content"]`
échappé — contenu pur, aucun attribut de style.
échappé, précédé d'un `<span class="docBadgeIcon">` optionnel si
`svg_markup` est non vide (nettoyé par `sanitize_svg_markup`, même
mécanisme que le mode SVG de `"image"`). `width` (non vide) ajoute
`align-self:flex-start; width:{valeur};` en style inline — fixer une
largeur implique TOUJOURS de sortir de l'étirement pleine largeur par
défaut d'un enfant flex en colonne (voir static/document/
document-editor.css, `.docPageContent`), jamais l'un sans l'autre.
`border_radius` (non vide) ajoute `border-radius:{valeur};`. `bold`/
`uppercase` ajoutent respectivement `font-weight:800;`/
`text-transform:uppercase;` quand `True`. Tous ces attributs sont vides
ou `False` par défaut (comportement historique inchangé, aucun style
inline ajouté).
- **Carte** (`carte`) : `<div>` composé de trois blocs enfants
(`label`/`title`/`description`, tous échappés) — contenu pur, aucune
couleur/forme choisie ici (voir `element_kind_labels.md`).