fix: prevent mid-word break in repertoire column headers

Base.css applies word-break: break-word to all elements inside <main>,
causing mid-word breaks in narrow columns. Override in repertoire.css:
- hyphens: none, word-break: normal, overflow-wrap: normal on all h2
- redistribute grid fractions: shrink Orientations (1.2→0.9fr), 
  Étudiantes (1→0.8fr), boost Finalité (0.7→0.9fr, min 7rem)
This commit is contained in:
Pontoporeia
2026-06-08 17:48:18 +02:00
parent a184e0d253
commit c4664ec2e9
2 changed files with 8 additions and 4 deletions

View File

@@ -16,10 +16,10 @@
display: grid;
grid-template-columns:
minmax(3rem, 0.4fr)
minmax(7rem, 1fr)
minmax(9rem, 1.2fr)
minmax(6rem, 0.7fr)
minmax(8rem, 1fr)
minmax(12rem, 1.4fr)
minmax(9rem, 0.8fr)
minmax(7rem, 0.8fr)
minmax(8rem, 0.7fr)
minmax(7rem, 1fr);
grid-template-rows: auto 1fr;
gap: var(--space-s);
@@ -87,6 +87,9 @@
padding: var(--space-xs) var(--space-2xs) var(--space-3xs);
border-bottom: 1px solid var(--border-secondary);
align-self: end;
hyphens: manual;
word-break: normal;
overflow-wrap: normal;
}
.repertoire-col > ul {