karim/OPENBUREAU
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: Übersichts-Titel auf Inhaltsbreite begrenzt (rem statt ch); Header-Abstände wieder etwas kleiner

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-06-05 00:49:31 +02:00
parent 30fc688622
commit 04bb79bcfa
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+9 -5
View File
@@ -160,8 +160,8 @@ a:hover {
.site-header { .site-header {
background: var(--color-dark-panel); background: var(--color-dark-panel);
color: var(--color-dark-panel-text); color: var(--color-dark-panel-text);
/* mehr Luft: über dem Logo, und unter dem Menü */ /* etwas Luft über dem Logo und unter dem Menü */
padding: 0.9rem 0 0.5rem; padding: 0.7rem 0 0.35rem;
border-bottom: none; border-bottom: none;
margin-bottom: 0; margin-bottom: 0;
/* inner 3-col grid matches body so wordmark/nav align with content column */ /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -211,8 +211,8 @@ a:hover {
.site-header .site-nav { .site-header .site-nav {
justify-self: center; justify-self: center;
/* mehr Luft zwischen Logo und Menü. */ /* Luft zwischen Logo und Menü. */
margin-top: 0.45em; margin-top: 0.32em;
} }
.wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; } .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
@@ -1119,7 +1119,11 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
/* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie /* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie
darunter — im selben Stil wie die Kategorie-Überschriften. */ darunter — im selben Stil wie die Kategorie-Überschriften. */
.collection-title { .collection-title {
width: 100%; /* volle Inhaltsbreite (sonst schrumpft der Flex-Titel) */ width: 100%;
/* rem-basiert (nicht ch): die geerbte ch-max-width skaliert mit der grossen
Titelschrift und würde die Linie über die volle Viewport-Breite ziehen.
52rem ≈ Inhaltsspalte → Titel + Linie fluchten mit Text/Kategorien. */
max-width: 52rem !important;
text-align: left; text-align: left;
font-family: var(--font-family-serif); font-family: var(--font-family-serif);
font-size: clamp(1.7rem, 3vw, 2.2rem); font-size: clamp(1.7rem, 3vw, 2.2rem);