Verlauf: keine Wertung mehr in der Farbe der Bewegungsart
Gruen fuer Einlagern und Orange fuer Auslagern las sich wie gut und schlecht - dabei ist Auslagern schlicht der Normalfall, kein Missstand. Die Farbe kam noch aus der Badge-Zeit, wo sie neben dem Wort stand; als alleiniges Signal wertet sie. Alle drei Arten tragen jetzt dieselbe neutrale Kachel. Unterschieden wird ueber die Pfeilrichtung im Icon, und die Bedeutung steht weiterhin in title und aria-label. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
e33c01ec37
commit
e9738e28e7
+4
-6
@@ -488,16 +488,15 @@ td select { width: auto; min-width: 0; max-width: 100%; }
|
||||
}
|
||||
.badge.accent { background: var(--accent-soft); color: var(--accent); }
|
||||
|
||||
/* Verlauf: die Bewegungsart als Sinnbild statt als Wort. Ein gefuelltes Icon
|
||||
in einer getoenten Kachel – die Farbe traegt dieselbe Bedeutung wie vorher
|
||||
das Badge (gruen rein, orange raus, neutral Korrektur). */
|
||||
/* Verlauf: die Bewegungsart als Sinnbild statt als Wort.
|
||||
BEWUSST fuer alle drei Arten dieselbe Farbe: Gruen fuer Einlagern und Orange
|
||||
fuer Auslagern las sich wie gut und schlecht, dabei ist Auslagern schlicht
|
||||
der Normalfall. Die Pfeilrichtung im Icon traegt die Bedeutung. */
|
||||
.bewegung-icon {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
width: 34px; height: 34px; border-radius: 10px; flex: 0 0 auto;
|
||||
background: var(--accent-soft); color: var(--accent);
|
||||
}
|
||||
.bewegung-icon.ein { background: #e6f4ec; color: var(--ok); }
|
||||
.bewegung-icon.aus { background: var(--warn-soft); color: var(--warn); }
|
||||
|
||||
/* Eine Bewegung als Zeile: Kachel links, Zeitpunkt ueber Produkt. */
|
||||
.bewegung-liste { display: flex; flex-direction: column; }
|
||||
@@ -1018,7 +1017,6 @@ select.zeitraum:hover { color: var(--text); }
|
||||
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.badge.ok { background: #14301f; }
|
||||
.bewegung-icon.ein { background: #14301f; }
|
||||
.alert.ok { background: #14301f; border-color: #21503a; }
|
||||
}
|
||||
:root[data-theme="dark"] {
|
||||
|
||||
Reference in New Issue
Block a user