Hallo, ist es möglich Symbole (siehe Screenshot) zu vergrößern?
Reicht es da nicht etwas dem Code hinzuzufügen?
Hier der Code und ein Screenshot der Karte:
Grüße Daniel
type: horizontal-stack
cards:
- type: custom:mushroom-lock-card
entity: lock.turschloss
fill_container: true
double_tap_action:
action: none
hold_action:
action: none
layout_options:
grid_columns: full
grid_rows: 3
layout: vertical
Du brauchst card-mod und dann kannst du folgenden CSS-Code einfügen:
card_mod:
style: |
:host {
--mush-icon-symbol-size: 80px;
}
Die 80 auf den für Dich passenden Wert setzen.
Danke für die Antwort.
Kann ich card-mod auf alle Karten anwenden ?
Ich arbeite mit Bubble und den Standard Karten.
Grüße Daniel
So, endlich kam ich zum testen:
card_mod: ist installiert
Nur funktioniert es nicht (ich habe mal den Wert auf 200px aber auch kleinere gesetzt.
Dabei war es egal ob der Code:
card_mod:
style: |
:host {
--mush-icon-symbol-size: 80px;
}
Oben:
oder unten:
Du musst den Code auf Höhe des Card Type setzen
type: horizontal-stack
cards:
- type: custom:mushroom-lock-card
entity: lock.turschloss
fill_container: true
double_tap_action:
action: none
hold_action:
action: none
layout_options:
grid_columns: full
grid_rows: 3
layout: vertical
card_mod:
style: |
:host {
--mush-icon-symbol-size: 80px;
}
Aber warum hast du überhaupt ein horizontal stack drum?
OK das hat funktioniert, fein danke
Nun muss ich es verstehen.
Anbei ein Code mit der Frage wo und warum es gerade da hinkommt.
Bei dem folgenden Code funktioniert es nicht.
type: horizontal-stack
cards:
- type: tile
entity: input_boolean.sonnenschutz
color: green
vertical: true
name: Sonnenschutz
show_entity_picture: false
layout_options:
grid_columns: 2
grid_rows: 2
card_mod:
style: |
:host {
--mush-icon-symbol-size: 50px;
}
tap_action:
action: toggle
icon_tap_action:
action: none
hide_state: false
- type: tile
entity: input_boolean.hitzeschutz_switch_on_off
color: green
vertical: true
name: Hitzeschutz
show_entity_picture: false
layout_options:
grid_columns: 2
grid_rows: 2
tap_action:
action: toggle
icon_tap_action:
action: none
Hier das Bild dazu:
Warum ich bei der ersten Karte den vertikal Stack nutze ?
Weil ich diesen bei Karten mit mehreren Buttons wie zur aktuellen Frage mit den vier Buttons nutze.
Beim Schloss Button hätte ich auch einen einfachen Button nutzen können. Aber der mushroom Button wurde mir direkt mit der passenden Entität angeboten und gefiel mir.
Was für einen hättest du gewählt ?
Grüße Daniel
nicht funktionieren.
Na tolle Wurst.
Wie funktioniert es denn ?
Grüße Daniel
Also kurz gesagt wärst du so nett es mir zu verraten?
Aber um erstmal einen schönen Samstag Abend.
by HarryP: Zusammenführung Doppelpost (bitte “bearbeiten” Funktion nutzen)
Versuch es mal so
card_mod:
style: |
ha-tile-icon {
--mdc-icon-size: 30px;
}
Aber eine einheitliche Regel über alle Karten gibt es nicht.
So, probiert und gefunden:
Hier der funktionierende Code.
Was das mush-icon-symbol angeht wird nur das innere des “Kreises” vergrößert, nicht der Kreis selbst (screenshot).
Hast du da noch einen Tipp ?
type: horizontal-stack
cards:
- type: tile
entity: input_boolean.sonnenschutz
color: green
vertical: true
name: Sonnenschutz
show_entity_picture: false
layout_options:
grid_columns: 2
grid_rows: 2
card_mod:
style: |
ha-tile-icon {
--mdc-icon-size: 50px;
}
tap_action:
action: toggle
icon_tap_action:
action: none
hide_state: false
- type: tile
entity: input_boolean.hitzeschutz_switch_on_off
color: green
vertical: true
name: Hitzeschutz
show_entity_picture: false
layout_options:
grid_columns: 2
grid_rows: 2
tap_action:
action: toggle
icon_tap_action:
action: none
Nein, hab ich nicht. Wie gesagt, es gibt keine Einheitslösung.
Ich danke dir sehr für deine bisherige Hilfe.
Grüße Daniel