Custom Bubble Card Höhe

Dashboard/Cards/Frontend
1

Wie kann man in der GitHub - Clooos/Bubble-Card: Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch. die Höhe eines PopUp‘s in der mobilen Ansicht verändern (kleiner machen)? Wenn ich nur wenige Einträge in dem PopUp habe würde das irgendwie besser aussehen….
Beste Grüße, AndiFidi

2

Evt. gibts eine Lösung, wenn dieser Bug gefixt wird: Popup is infinitely long at the bottom · Issue #846 · Clooos/Bubble-Card · GitHub

3

Hallo,
so habe ich es bei mir umsetzten können:

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: "#Klima"
    auto_close: "0"
    margin_top_mobile: calc(100vh - 800px)
    close_on_click: true

Einfach mit den Zahlen ein bisschen spielen.

1 „Gefällt mir“
4

Sehr cool. Das funktioniert. Danke!!!
Gruß, AndiFidi :slightly_smiling_face:

5

Guten Abend.

Eine ergänzende Frage zur o.g. Lösung.

Ich rufe aus einer Automation ein PopUp auf (Haustürklingel), dieses PopUp hat eine ButtonCard die nur angezeigt wird wenn es geklingelt hat (conditional). Wie kann ich das PopUp öffnen und die Höhe dynamisch anpassen…also conditional= true dann margin_top_mobile: calc(100vh - 800px) bzw. conditional= false dann margin_top_mobile: calc(100vh - 500px)??

6

Ich antworte mir mal selber :smiley:

Ich hab es mit Hilfe von Clooos so gelöst:

* {
  --custom-height-offset-mobile: ${hass.states["input_boolean.tuer_hatgeklingelt"].state === "off" ? "calc(100vh - 300px)" : "calc(100vh - 580px)"} !important;
}

Der Code wird im Bereich Styles der PopUp Karte eingetragen.