mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user