I have some popups that open up on a button push
It looks great on my laptop, but it opens in full screen on my iPhone and I have to press like 3-4 things to get it to close.
Heres the code:
type: custom:button-card
entity: scene.loft_blinds_open
show_state: false
name: Loft Blinds
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
hide_header: true
data:
content:
type: entities
entities:
- entity: scene.loft_blinds_open
name: Open Blinds
toggle: false
icon: mdi:blinds-vertical
- entity: scene.loft_blinds_closed
name: Close Blinds
icon: mdi:blinds-vertical-closed
toggle: false
title: Loft Blinds
size: none
large: false
width: 400px
height: 600px
style:
$: |
.mdc-dialog .mdc-dialog__surface {
border-radius: 40px;
}
styles:
name:
- font-size: 16px
state:
- font-size: 16px
card:
- border-radius: 8%
template:
- base
- icon_blinds
Here’s the look on my iPhone
