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

ui: Footer kompakt + Balken entfernt (Breadcrumb-Linie, Header/Inhalt-Abstand)

Browse Source 
- Footer auf allen Seiten so flach wie auf Journal (padding 0.55rem, row-gap 0.2rem)
- Breadcrumb ohne Trennlinie und ohne großen Abstand (war der „Balken" über dem Footer)
- Artikel-Top-Abstände reduziert (Inhalt sitzt enger unter dem Header)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-06-01 10:35:16 +02:00
parent af587af851
commit 4f4eccd475
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+6 -8
View File
@@ -1135,7 +1135,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
/* ------------------------------------------------------------------------ /* ------------------------------------------------------------------------
Single page (article) Single page (article)
------------------------------------------------------------------------ */ ------------------------------------------------------------------------ */
.single { margin-top: var(--spacing-md); } .single { margin-top: var(--spacing-sm); }
.single-header { margin-bottom: var(--spacing-md); } .single-header { margin-bottom: var(--spacing-md); }
/* Cover-Bild füllt die volle Breite des Scroll-Rahmens, bündig unter dem Header. */ /* Cover-Bild füllt die volle Breite des Scroll-Rahmens, bündig unter dem Header. */
.single-hero-image { .single-hero-image {
@@ -1155,7 +1155,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
.single-header { .single-header {
position: relative; position: relative;
margin-top: var(--spacing-md); margin-top: 0;
margin-bottom: var(--spacing-md); margin-bottom: var(--spacing-md);
} }
.single-header h1 { .single-header h1 {
@@ -1322,9 +1322,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
Page foot breadcrumb (moved from top → bottom) Page foot breadcrumb (moved from top → bottom)
------------------------------------------------------------------------ */ ------------------------------------------------------------------------ */
.page-foot-nav { .page-foot-nav {
margin-top: var(--spacing-lg); margin-top: var(--spacing-md);
padding-top: var(--spacing-sm);
border-top: 1px solid var(--color-border);
font-family: var(--font-family-sans); font-family: var(--font-family-sans);
font-size: 0.85rem; font-size: 0.85rem;
color: var(--color-text-muted); color: var(--color-text-muted);
@@ -1348,8 +1346,8 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
footer { footer {
background: var(--color-dark-panel); background: var(--color-dark-panel);
color: var(--color-dark-panel-text); /* hell & lesbar auf Schwarz */ color: var(--color-dark-panel-text); /* hell & lesbar auf Schwarz */
margin-top: 0; /* kein Ablöse-Abstand → klebt flush unten (sticky via Body-Grid) */ margin-top: 0;
padding: var(--spacing-md) 0; padding: 0.55rem 0; /* kompakt wie auf der Journal-Seite */
border-top: none; border-top: none;
/* inner grid aligns with content column, same trick as header */ /* inner grid aligns with content column, same trick as header */
display: grid; display: grid;
@@ -1371,7 +1369,7 @@ footer p { margin: 0; }
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: start; align-items: start;
column-gap: var(--spacing-lg); column-gap: var(--spacing-lg);
row-gap: var(--spacing-sm); row-gap: 0.2rem;
} }
.footer-legal { grid-row: 1; grid-column: 1; } .footer-legal { grid-row: 1; grid-column: 1; }
.footer-licenses { .footer-licenses {