I’ve encountered an issue when using the input_number entity in a horizontal-stack configuration. When the entity is placed within the stack, the percentage value behind the slider does not show up.
Here’s the configuration I’m using:
type: horizontal-stack
cards:
- type: entities
entities:
- type: custom:multiple-entity-row
entity: light.tasmota_keuken_11
name: ""
show_state: true
toggle: false
show_header_toggle: false
state_color: true
card_mod:
style: |
ha-card {
height: 25px !important;
width: 200px !important;
background-color: transparent !important;
border-top: 0px !important;
border-bottom: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-radius: 0px !important;
box-shadow: none !important;
font-size: 0px;
margin: -30px -10px -10px -10px
}
- type: entities
entities:
- type: custom:slider-entity-row
entity: input_number.light_mood
full_row: true
show_state: true
show_percentage: true
card_mod:
show_name: false
style: |
ha-card {
background: none !important;
margin: 0px 80px 0px -140px !important;
box-shadow: none !important;
border: none !important;
border-radius: 0px !important;
height: 10px !important;
}
.card-content {
padding: 0px !important;
margin: -15px !important;
Problem:
When the slider is part of the horizontal stack, the percentage next to the slider is not displayed. The issue is only present when using input_number inside a horizontal-stack. If the slider is outside the stack or in other configurations, it works as expected.
Has anyone experienced this or found a solution to make the percentage visible when using input_number within horizontal-stack cards?
Any help would be greatly appreciated!
view in the app
view in the browser
