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

[MCU]

@dominik-f Da ist kein Icon?

[Dominik F.]

@mcu

Dann habe ich mich falsch ausgedrückt. Ich meine Trigger Element SwitchAction, was auf dem Bild Blau ist.

[MCU]

@dominik-f Das soll größer und weiter nach links?

[Dominik F.]

@mcu

genau

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