@sunny-dj schrieb:Mein Vorschlag: Bitte kennzeichnet die Minusrendite mit einem weiteren Layoutmerkmal, bevorzugt wäre m.E. eine Negativdarstellung, mit ausreichend dunklem roten Untergrund, siehe Anlage.
Hier ist einmal eine einfache Umsetzung mit den oben erwähnten CSS-Klassen für die Erweiterung Stylus. Dazu das Stylus-Icon oben rechts anklicken, "Style erstellen für" mit der comdirect-Adresse auswählen und dann denn CSS-Code in den Editor eingeben:
td > span.color--cd-negative {
padding-left: 10px;
background-color: red !important;
color: white !important;
}
Das Ergebnis sieht dann so aus:
Diese einfache Version unterlegt alle negativen Werte mit einem roten Hintergrund. Für die positiven Werte kann man eine ähnliche Regel anlegen, bei der das "cd-negative" durch "cd-positive" ersetzt wird. Man kann das ganze auch noch verfeinern und nur bestimmte Spalten in der Tabelle auswählen.
/* Alle Spalten */
td > span.color--cd-negative { ... }
/* Nur Spalte mit Gesamtwert der Papiere */
td[data-label="Wert in EUR / Diff. seit Kauf"] > span.color--cd-negative { ... }
/* Nur Spalte mit aktuellem Kurs/Tagesänderung */
td[data-label="Aktuell / Diff. zum Vortag"] > span.color--cd-negative { ... }
Die Möglichkeiten sind vielfältig, nur je größer die Spielerei, desto komplizierter der CSS-Code. 🙂
Viele Grüße
Weinlese
