ui: zitieren als Link (↗), Versionen mit Uhr-Icon, interne Zitierweise als Option

- zitieren: kein Pill mehr — Link in der Pill-Schrift (Display) mit ↗ am Ende
- Versionen: Pill behält, davor ein monochromes Uhr-SVG (currentColor)
- Zitier-Formate: „intern" (OPENBUREAU-Hausformat inkl. Version) als dritte
  Option und Default, neben APA und DIN

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 03:11:39 +02:00
parent fce6c9eabc
commit e62b4c3704
2 changed files with 34 additions and 12 deletions
+20 -5
View File
@@ -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 {