ui: Zitieren zeigt Quellenangabe sichtbar + Copy-Fallback für HTTP

Vorher: stiller clipboard.writeText → tut auf HTTP/LAN nichts (Clipboard-API
nur in sicherem Kontext). Jetzt: Klick klappt ein Panel mit der lesbaren
Quellenangabe auf (user-select:all), „Kopieren" nutzt clipboard-API mit
execCommand-Fallback; schlägt das fehl, wird der Text markiert (manuelles
Strg/⌘+C).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 01:22:55 +02:00
parent a4ca05c88f
commit c6f5beaa7b
2 changed files with 85 additions and 11 deletions
+33
View File
@@ -1496,3 +1496,36 @@ img:hover { filter: grayscale(0%); }
cursor: pointer;
}
.prov-cite:hover { color: var(--accent); }
/* Aufklappendes Zitat-Panel: zeigt die Quellenangabe lesbar + Kopieren. */
.prov-citation {
margin-top: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-bg-secondary);
}
.prov-citation-text {
margin: 0 0 0.6em;
font-family: var(--font-family-serif);
font-size: var(--font-size-small);
line-height: 1.5;
user-select: all; /* ein Klick markiert die ganze Angabe */
}
.prov-citation-actions { display: flex; align-items: center; gap: 0.8em; }
.prov-citation-copy {
font-family: var(--font-family-mono);
font-size: var(--font-size-small);
color: var(--color-text-primary);
background: none;
border: 1px solid var(--color-border);
border-radius: 6px;
padding: 0.2em 0.7em;
cursor: pointer;
}
.prov-citation-copy:hover { border-color: var(--accent); color: var(--accent); }
.prov-citation-status {
font-family: var(--font-family-mono);
font-size: var(--font-size-small);
color: var(--color-text-muted);
}