Skip to content

Gabarit : en-tête module/composant aligné sur les Connecteurs (eyebrow + titre 1.25rem)#116

Merged
remigit55 merged 1 commit into
masterfrom
claude/audit-ux-360-modular-p5
Jun 15, 2026
Merged

Gabarit : en-tête module/composant aligné sur les Connecteurs (eyebrow + titre 1.25rem)#116
remigit55 merged 1 commit into
masterfrom
claude/audit-ux-360-modular-p5

Conversation

@remigit55

Copy link
Copy Markdown
Collaborator

Complément de l'alignement gabarit (#115 a aligné la largeur ; voici l'en-tête, qui avait été poussé par erreur sur #115 après son merge). Ne pas merger sans relecture ; validation visuelle requise.

Écart restant (après #115)

Aspect Connecteurs (référence) Module/Composant (avant)
Fil d'Ariane site-eyebrow visible (mono, capitales, cyan) doc-breadcrumb masqué
Titre .app-main h1 = 1.25rem / 600 1.75rem/700 (composant) ou clamp 28–38px display (module)

Changements (2 fichiers)

  1. globals.css :
    • .app-main .doc-page-header .doc-breadcrumb → affiché en eyebrow (mono, capitales, --site-cyan-deep). asset-manager re-masqué.
    • .app-main .doc-page-header h11.25rem / 600.
  2. components/site/ModulePageHeader.tsx : titre bpm.title en 1.25rem / 600 (fin du clamp display).

→ Couvre fiches composant, pages module (landing) et pages simulateur (toutes en doc-page-header). Désormais : même eyebrow + même taille de titre que les Connecteurs.

Validation

À valider de visu

  • Titres composant/module/simulateur en 1.25rem/600 (= « REST générique »).
  • Fils d'Ariane en eyebrow capitales (« COMPOSANTS → BPM.METRIC », « MODULES → … »).
  • asset-manager / wiki inchangés (volontaire).

https://claude.ai/code/session_014SLTnrmJqroRKCiDjwhtkU


Generated by Claude Code

Au-delà de la largeur (déjà alignée), l'en-tête diffère encore :
- fil d'Ariane masqué sur module/composant vs eyebrow visible sur connecteur,
- titre 1.75rem/clamp display vs 1.25rem/600 sur connecteur.

Standard = fiche connecteur :
- .app-main .doc-page-header .doc-breadcrumb : affiché en eyebrow (mono, capitales,
  cyan), comme .site-eyebrow. asset-manager re-masqué (shell dédié).
- .app-main .doc-page-header h1 : 1.25rem / 600 (= .app-main h1 du connecteur).
- ModulePageHeader : titre bpm.title en 1.25rem/600 (plus de clamp display).

Couvre fiches composant, pages module (landing) et pages simulateur (toutes en
doc-page-header). tsc + npm run build verts.

https://claude.ai/code/session_014SLTnrmJqroRKCiDjwhtkU
@remigit55
remigit55 merged commit c869262 into master Jun 15, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants