jarvis v3.0.0 - just another remarkable vis

[MCU]

@dominik-f
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/switchaction#switchaction-vergroessern-und-versetzen

[MCU]

@el-lutschi Also das Icon, nicht den Hintergrund?

.jarvis-widget-icon .jarvis-icon{
    color: #000 !important;
}

[el-lutschi]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

.jarvis-widget-icon .jarvis-icon{ color: #000 !important; }

Ja genau, nur das Icon.
Leider passiert einfach nichts im frontend.

[MCU]

@el-lutschi Warum bist du auf?


aktuell->
PRO User?

[el-lutschi]

@mcu
Hoppla. Da ist wohl das ein oder andere Update an mir vorbei gegangen.
Habe jetzt auf die neuste Version gewechselt. Leider noch immer ohne Erfolg.
Pro User bin ich aktuell noch nicht.

[MCU]

@el-lutschi Ohne Pro-User funktioniert kein CSS.

[el-lutschi]

@mcu
OH! Ok. Sorry, das wusste ich nicht. Dann muss ich mir die Pro Version mal noch genauer anschauen. Danke.

[Dominik F.]

@mcu

Das hat wunderbar funktioniert, danke.

Das "an" müsste jetzt noch in gleicher Weise versetzt werden.

[MCU]

@dominik-f
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/switchaction#state-vor-switchaction-auch-verschieben

[Dominik F.]

@mcu

Genial. Vielen Dank

[MCU]

@dominik-f Einmal Link aktualisieren.

[MCU]

@el-lutschi Es gibt keine Pro-Version zum anschauen. Du kannst dir aber die Doku anschauen.
https://mcuiobroker.gitbook.io/jarvis-infos/
Info wofür braucht man PRO:
https://github.com/Zefau/ioBroker.jarvis/discussions/891 1. Post

[el-lutschi]

@mcu
Genau das meinte ich
Aber vielen Dank.

[Dominik F.]

@mcu

Klappt super.

Mir ist aufgefallen, dass wenn man switch Action und den State verschiebt, sich die Höhe leicht verändert.
Ich habe deshalb folgendes bei padding-bottom angepasst:

.jarvis-StateListItem-Action-primaryStateKey .q-item__label {
	transform: translateX(-15px);
	padding-bottom: 5px;
}

.q-toggle {
	transform: translateX(-10px) scale(1.1,1.1);
	padding-bottom: 3px;
}

Kannst du das bei dir mal überprüfen?

[MCU]

@dominik-f Das liegt ja nun daran, dass du den Scale-Wert verändert hast. Da muss man dann anpassen. Ich würde es aber für beide Werte (State und SwitchAction) gleich setzen. In deinem Fall > 3px. evtl > 2px.

[MCU]

@lindma2 Erzeuge mir erstmal so eine Datenreihe. Melde mich dann, wenn ich ein Ergebnis habe.

[Dominik F.]

@mcu

Das scheint unabhängig vom Scale-Wert zu sein. Habe diesen jetzt wieder auf 1.5 gesetzt wie in deinem Beispiel.

Erste Bild ist mit padding-bottom wie in meinem Beispiel:

Zweites Bild ist mit padding-bottom wie in deinem Beispiel:

Ich habe die zum Testen bewusst übereinander gelegt.
Habe ich da einen Denkfehler?

[MCU]

@dominik-f Wenn du das an höher haben willst nimmst du halt einen px mehr.

[Dominik F.]

@mcu

Das habe ich ja gemacht im oberen Bild. Ich wollte dir nur mitteilen, dass mir das aufgefallen ist. Hätte ja sein können, dass das interessant für deine Doku ist.

[lindma2]

@mcu Danke, im Grunde versuche Ich mir den Stromverbrauch der letzten 10 Tage als Balkendiagramm darzustellen. Um die Datenflut etwas zu entzerren, schreibe Ich jeden Tag zur gleichen Zeit den aktuellen Stand in eine Datenpunkt und tracke diesen dann mit History...

Diesen Datenpunkt will Ich dann darstellen lassen, aber Ich bekomme es einfach nicht hin das die X-Achse nicht als Zeitstrahl sondern einfach 10 Reihen anzeigt. Irgendwie habe Ich auch das Gefühl das Ich mit dem Datumsformat der x-Achse überhaupt nix ausrichten kann und mit dem JSON Format x-Achse scheint es auch nicht zu gehen.