fix(ui): Knopf "Beschreibung generieren" verschwindet im Hellmodus beim Hover
Der Knopf griff auf die Variable --accent-primary zu, die es im Stylesheet nicht gibt: fuenf Verwendungen, null Definitionen. Die Akzentfarbe heisst --accent. Wirkung im Hover. `background: var(--accent-primary)` ist damit ungueltig und faellt auf den Anfangswert transparent zurueck, waehrend `color: #fff` gueltig bleibt. Auf der weissen Modalflaeche des Hellmodus stand also weisse Schrift auf weissem Grund, der Knopf war unsichtbar. Im Dunkelmodus fiel es nicht auf, weil die Flaeche dort dunkel ist. Im Ruhezustand war nur die Farbe betroffen: Schrift und Rahmen waren nicht gold, sondern geerbt. Deshalb faellt der Fehler erst beim Hover auf. Alle fuenf Fundstellen sind auf --accent umgestellt, betroffen waren neben dem Knopf auch die Durchlauf-Anzeige im Fortschrittsfenster und der kleine Lade-Ring, die beide ihre Akzentfarbe nicht bekamen. Hinweis zum Kontrast: Weiss auf Gold (#96791A) liegt bei rund 4,1 zu 1 und damit knapp unter der WCAG-AA-Schwelle fuer kleine Schrift. Das ist dieselbe Kombination, die .btn-primary im ganzen Dashboard verwendet, deshalb hier bewusst konsistent gehalten statt einzeln abweichend geloest. Offen: Die Aenderung ist noch nicht in den Lokal-Fork portiert. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -2221,7 +2221,7 @@ body.first-refresh-blocking .header {
|
|||||||
.progress-popup-body { padding: 16px 20px; }
|
.progress-popup-body { padding: 16px 20px; }
|
||||||
.progress-popup-pass {
|
.progress-popup-pass {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: var(--accent-primary);
|
color: var(--accent);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0.3px;
|
letter-spacing: 0.3px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
@@ -2448,14 +2448,18 @@ body.first-refresh-blocking .header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#btn-enhance-description {
|
#btn-enhance-description {
|
||||||
color: var(--accent-primary);
|
color: var(--accent);
|
||||||
border-color: var(--accent-primary);
|
border-color: var(--accent);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hover: Gold-Flaeche mit weisser Schrift, gleiche Kombination wie
|
||||||
|
.btn-primary. Vorher stand hier die nirgends definierte Variable
|
||||||
|
--accent-primary: der Hintergrund fiel damit auf transparent zurueck,
|
||||||
|
die Schrift blieb weiss, und der Knopf war im Hellmodus unsichtbar. */
|
||||||
#btn-enhance-description:hover:not(:disabled) {
|
#btn-enhance-description:hover:not(:disabled) {
|
||||||
background: var(--accent-primary);
|
background: var(--accent);
|
||||||
color: #fff;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textarea--loading {
|
.textarea--loading {
|
||||||
@@ -2468,7 +2472,7 @@ body.first-refresh-blocking .header {
|
|||||||
width: 14px;
|
width: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
border: 2px solid var(--border);
|
border: 2px solid var(--border);
|
||||||
border-top-color: var(--accent-primary);
|
border-top-color: var(--accent);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin-inline 0.8s linear infinite;
|
animation: spin-inline 0.8s linear infinite;
|
||||||
}
|
}
|
||||||
|
|||||||
In neuem Issue referenzieren
Einen Benutzer sperren