Card-Mod Einstellungen werden zurück gesetzt

[Fr4nkySt0ned]

Hallo alle zusammen,
ich beschäftige mich nun seit einigen Wochen mit dem HA und habe mir nach und nach einiges an KnowHow zusammen gesammelt und auch in die Tat umgesetzt. Nun bin ich hier um mir neue Inspiration zu holen, Hilfe bekommen und natürlich mittleerweile auch möglich zu geben in manchen Dingen.
Ich habe natürlich auch direkt eine Frage, sie hat nix mit der Funktion selber zu tun aber es nervt mich ungemein
Ich habe ein Dashboard quasi fürs Handy wo nur die wichtigsten Lampen gesteuert werden können. Damit man natürlich auch den Hintergrund sieht habe ich diese "Transparent" gemacht. Leider scheint es sich nach einer gewissen Zeit zurück zu setzen und die Buttons sind dann wieder Standart-Schwarz. Ich muss dann nur einmal auf bearbeiten und kann direkt auf Fertig und alle Buttons sind wieder transparent. Woran liegt es dass er sich immer zurück setzt und ich nur ins Bearbeitungsmenü kurz rein muss damit er sich wieder "fängt".?
Ich setze mal den gesamten Code für einen der Schalter ein.

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: switch.lichterkette_flur_switch_0
icon: mdi:lightbulb
show_state: true
icon_height: 50px
card_mod:
  style: |
    ha-card {
      background: none;
      box-shadow: none;
    }
    h1.card-header {
      padding: 100px;
    }
    div#states.card-content {
      padding: 100px;
    }

 

[Nival]

Greifen die anderen CSS-Angaben wie padding in dem Moment auch nicht? Dann würde vermutlich sogar ein reload der Seite helfen. Wenn die anderen noch greifen könnte es helfen, die Angabe für Background noch mit einem !important zu versehen: background: none !important;.

 

[Fr4nkySt0ned]

Ich habe mir den Code ehrlich gesagt zusammengesucht und weiß gar nicht was padding bewirkt, mit dem important hat es leider keine Besserung gegeben.

 

[Nival]

weiß gar nicht was padding bewirkt

Padding bewirkt einen Innenabstand im Element, das sollte mit 100 Pixeln deutlich auffallen, wenn Du ein Elemente h1 mit der Klasse card-header hast. Zur Verdeutlichung, einmal mit normalen Werten, einmal mit den 100 Pixeln:


Die Frage ist eben, werden die Angaben von card_mod überhaupt nicht umgesetzt (dann wäre auch das padding weg) oder nur die Angabe für den Hintergrund.

Du könntest nochmal um diese Angabe erweitern: background-color: transparent;

 

[Fr4nkySt0ned]

Padding bewirkt einen Innenabstand im Element, das sollte mit 100 Pixeln deutlich auffallen, wenn Du ein Elemente h1 mit der Klasse card-header hast. Zur Verdeutlichung, einmal mit normalen Werten, einmal mit den 100 Pixeln:
Anhang anzeigen 8665Anhang anzeigen 8666

Die Frage ist eben, werden die Angaben von card_mod überhaupt nicht umgesetzt (dann wäre auch das padding weg) oder nur die Angabe für den Hintergrund.

Du könntest nochmal um diese Angabe erweitern: background-color: transparent;

OK scheinbar ignoriert er das padding auch. Also scheint er den Code ja nicht richtig zu verarbeiten. Komisch halt nur dass er kurzzeitig transparent wie gewünscht ist. Womit kann es denn nun zusammen hängen dass der Code nicht wirklich verarbeitet wird, bzw nicht richtig/dauerhaft/komplett .