diff --git a/assets/css/custom.css b/assets/css/custom.css index 6cc2500..95daec3 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1482,11 +1482,12 @@ img:hover { filter: grayscale(0%); } /* ------------------------------------------------------------------------ Artikel-Fuß: zitieren (Link + dezente Angabe), Aktionsreihe, Versionen. ------------------------------------------------------------------------ */ -/* zitieren + Versionen: Pills wie Dialog (Akzent-Outline). */ +/* Versionen: Pill wie Dialog (Akzent-Outline) mit Uhr-Icon. */ .cite { margin-top: var(--spacing-sm); } -.cite-toggle, .versions-toggle { - display: inline-block; + display: inline-flex; + align-items: center; + gap: 0.4em; font-family: var(--font-family-display); font-weight: 500; font-size: 0.82rem; @@ -1498,10 +1499,24 @@ img:hover { filter: grayscale(0%); } 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; } +.versions-toggle .pill-icon { width: 1em; height: 1em; flex: none; } + +/* zitieren: kein Pill — Link in der Pill-Schrift, mit ↗ am Ende. */ +.cite-toggle { + font-family: var(--font-family-display); + font-weight: 500; + font-size: 0.82rem; + letter-spacing: 0.02em; + color: var(--accent); + background: none; + border: none; + padding: 0; + cursor: pointer; +} +.cite-toggle:hover { text-decoration: underline; text-underline-offset: 0.2em; } +.cite-arrow { font-size: 0.9em; } /* „kopieren" bleibt ein schlichter Link in der Quellenangabe. */ .cite-copy { diff --git a/layouts/_partials/provenance.html b/layouts/_partials/provenance.html index a506d26..c64818f 100644 --- a/layouts/_partials/provenance.html +++ b/layouts/_partials/provenance.html @@ -4,15 +4,17 @@ {{/* Zitieren: schlichter Link direkt unter den Quellen. */}}
- +