Linien ausblenden falls keine Energie fließt
Chris25122 opened this issue · 15 comments
Ja, geht mit Überschreibungen der Linie und etwas Kenntnis in CSS.
Einfach im Wiki schauen.
Das passende CSS Attribut ist dann
display: none;
bzw.
display: inline;
Allgemein ist die Klasse, die immer angewandt wird.
Du möchtest sicher, wenn sie unter Schwelle ist.
Also Schwelle auf 1(ist dann wohl 1 Watt) setzen und die Klasse bei positiv unter Schwelle.
Einfacher geht's halt mit den Überschreibungen.
Genau das ich teste ob es überhaupt funktioniert hatte ich es erstmal in allgemein gepackt wodurch es immer ausgeblendet werden sollte ( was leider nicht funktioniert ). Im nächsten Schritt wenn allgemein funktioniert hätte ich es ausgeblendet wenn der Wert = 0 ist und somit kein Strom fließt.
Irgendwas stimmt aber noch nicht, da es gar nicht ausgeblendet wird.
Wo trage ich die Überschreibungen ein ? Habe dazu nichts gefunden.
Vielleicht hilft ein ! important hinten dran.
Ansonsten siehst du die Überschreibung in deinem Screenshot 😉
Und die Hilfe dazu im Wiki!
Important hatte ich schon versucht, leider auch ohne Erfolg.
Im Wiki habe ich auch nichts dazu gefunden und die Hilfe zu CSS hatte ich natürlich auch angeschaut, leider ebenfalls ohne Erfolg...
Im Wiki sind genügend Beispiele für Überschreibungen. Wieso sollte es denn bei Anderen klappen?
Super damit hat es geklappt danke dir !
Wie hast du es nun gelöst?
Vielleicht kann ich das noch mit ins Wiki aufnehmen.
In der Linie in beiden Überschreibungen das rein geschrieben
{
"<0": {
"display": "none"
}
}
Sollte eigentlich bei der Linie reichen, denn die Animation geht automatisch weg, wenn die Linie nicht dargestellt wird.
Kannst du das noch testen, bitte?
Das Problem taucht anscheinend unabhängig davon ob der Überschreibung an beiden Stellen steht oder nur bei der Linie. Nach einem Refresh wird es richtig angezeigt. Sieht nach einem Bug aus ?
Damit funktioniert es jetzt wenn man das nur in der Überschreibung für die Linie einträgt:
{
"<0": {
"display": "none"
},
">0": {
"display": "inline"
}
}
Genau, die Linie muss ja wieder eingeblendet werden, wenn Energie fließt.