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

ui: zitieren+Versionen als Pills (wie Dialog), Quellen kompakter

Browse Source 
- zitieren + Versionen jetzt Akzent-Outline-Pills wie Dialog (statt Links);
  „kopieren" in der Quellenangabe bleibt ein Link
- Quellen/Fußnoten: feste, vom Theme vererbte Zeilenhöhe (~26px) mit
  unitless line-height:1.5 überschrieben + kleinere Abstände → deutlich
  kompakter. Aktionsreihe-Abstände reduziert.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-06-02 02:54:16 +02:00
parent 6aa88a07a6
commit fce6c9eabc
1 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/custom.css
+32 -13
View File
@@ -1449,10 +1449,13 @@ img:hover { filter: grayscale(0%); }
}
.single-content .footnotes {
margin-top: var(--spacing-xl);
padding-top: var(--spacing-md);
margin-top: var(--spacing-md);
padding-top: var(--spacing-sm);
border-top: 1px solid var(--color-border);
font-size: var(--font-size-small);
/* Theme vererbt eine feste Zeilenhöhe (~26px) → bei kleiner Schrift viel zu
luftig. Unitless überschreiben, damit die Quellen kompakt sitzen. */
line-height: 1.5;
color: var(--color-text-muted);
}
/* Goldmark setzt ein <hr> an den Anfang — wir ersetzen es durch die Überschrift. */
@@ -1463,12 +1466,13 @@ img:hover { filter: grayscale(0%); }
font-family: var(--font-family-serif);
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
color: var(--color-text-primary);
margin-bottom: var(--spacing-sm);
margin-bottom: 0.4em;
}
.single-content .footnotes ol { margin: 0; padding-left: 1.4em; }
.single-content .footnotes li { margin: 0.3em 0; }
.single-content .footnotes li p { margin: 0; }
.single-content .footnotes li { margin: 0.2em 0; }
.single-content .footnotes li p { margin: 0; line-height: 1.5; }
.single-content .footnote-backref { text-decoration: none; margin-left: 0.3em; }
/* ------------------------------------------------------------------------
@@ -1478,10 +1482,28 @@ img:hover { filter: grayscale(0%); }
/* ------------------------------------------------------------------------
Artikel-Fuß: zitieren (Link + dezente Angabe), Aktionsreihe, Versionen.
------------------------------------------------------------------------ */
/* Zitieren: schlichter Link direkt unter den Quellen. */
.cite { margin-top: var(--spacing-md); }
/* zitieren + Versionen: Pills wie Dialog (Akzent-Outline). */
.cite { margin-top: var(--spacing-sm); }
.cite-toggle,
.versions-toggle,
.versions-toggle {
display: inline-block;
font-family: var(--font-family-display);
font-weight: 500;
font-size: 0.82rem;
letter-spacing: 0.02em;
color: var(--accent);
background: none;
border: 1px solid var(--accent);
border-radius: 999px;
padding: 0.28em 0.85em;
cursor: pointer;
}
.cite-toggle:hover,
.versions-toggle:hover,
.cite-toggle[aria-expanded="true"],
.versions-toggle[aria-expanded="true"] { background: var(--accent); color: #fff; }
/* „kopieren" bleibt ein schlichter Link in der Quellenangabe. */
.cite-copy {
font: inherit;
font-size: var(--font-size-small);
@@ -1493,9 +1515,6 @@ img:hover { filter: grayscale(0%); }
text-decoration: underline;
text-underline-offset: 0.2em;
}
.cite-toggle:hover,
.versions-toggle:hover,
.versions-toggle[aria-expanded="true"],
.cite-copy:hover { color: var(--accent); }
.cite-box { margin-top: 0.7em; }
@@ -1528,8 +1547,8 @@ img:hover { filter: grayscale(0%); }
align-items: center;
justify-content: space-between;
gap: 0.8em 1em;
margin-top: var(--spacing-lg);
padding-top: var(--spacing-md);
margin-top: var(--spacing-md);
padding-top: var(--spacing-sm);
border-top: 1px solid var(--color-border);
}
.article-actions .tag-pills { margin: 0; }