I have a problem with my code on iPhone.
Once I’ve pushed a button once, and push another, some of the buttons turn brownish in color. No idea where the color comes from. On my Mac there is no problem.
- type: custom:paper-buttons-row
buttons:
- layout: name
name: 1. etg
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: show
- 2etg: hide
- gardiner: hide
- door: hide
styles:
button:
background: var(--accent-color)
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: 2. etg
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: show
- gardiner: hide
- door: hide
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: Gardiner
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: hide
- gardiner: show
- door: hide
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: Dører
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: hide
- gardiner: hide
- door: show
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- type: custom:paper-buttons-row
buttons:
- layout: name
name: 1. etg
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: show
- 2etg: hide
- gardiner: hide
- door: hide
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: 2. etg
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: show
- gardiner: hide
- door: hide
styles:
button:
background: var(--accent-color)
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: Gardiner
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: hide
- gardiner: show
- door: hide
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
- layout: name
name: Dører
tap_action:
action: fire-dom-event
local_conditional_card:
action: set
ids:
- 1etg: hide
- 2etg: hide
- gardiner: hide
- door: show
styles:
button:
background: var(--background-color-2) !important
border-radius: 24px
height: 24px
display: flex
width: 80px
margin: 10px
name:
padding: 0 22px
font-size: 12px
When I first open the pop-up:
When I push 2.etg and then 1.etg again