Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[el-lutschi]

Hallo zusammen,

ich versuche gerade die Farbe der Widget-Icons zu ändern.
Aber egal was ich in den CSS Editor tippe, es passiert nichts. Muss ich in jarvis dafür etwas besonderes beachten?

So sollte das doch passen, oder?

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

[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.