-
-
Notifications
You must be signed in to change notification settings - Fork 329
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(chip): improve stack in card support #502
Conversation
Have you added this options to vertical stack in card? styles:
'--chip-box-shadow': none
'--chip-background': none
'--chip-spacing': 0 |
And what is your Mushroom version? |
V1.8.7 |
One example with stack-in-card. We need to use type: custom:stack-in-card
cards:
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
chips:
- type: entity
entity: sensor.outside_temperature
icon_color: red
- type: light
entity: light.bed_light
|
Ok, I didn't initially realize that type: custom:stack-in-card
mode: vertical
card_mod:
style:
"hui-vertical-stack-card$ mushroom-chips-card":
"$ *":
"$ mushroom-chip$": |
ha-card {
--ha-card-box-shadow: none;
}
cards:
- type: custom:mushroom-title-card
title: Front Door
alignment: center
subtitle: ''
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: lock.front_door_lock
- type: entity
entity: sensor.doorbell_last_motion
icon: mdi:motion-sensor
- type: entity
entity: sensor.doorbell_last_ding
icon: mdi:bell-ring-outline
- type: alarm-control-panel
entity: alarm_control_panel.home_alarm
alignment: center |
It's strange that the code I propose doesn't work for you... |
Here you go, default theme with mushroom type: custom:stack-in-card
mode: vertical
cards:
- type: custom:mushroom-title-card
title: Front Door
alignment: center
subtitle: ''
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
chips:
- type: entity
entity: sensor.doorbell_last_motion
icon: mdi:motion-sensor
- type: entity
entity: sensor.doorbell_last_ding
icon: mdi:bell-ring-outline
alignment: center
- type: custom:mushroom-chips-card
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--chip-background: none;
--chip-spacing: 0;
}
chips:
- type: entity
entity: lock.front_door_lock
- type: alarm-control-panel
entity: alarm_control_panel.home_alarm
alignment: center |
Using Chrome on MacOS with HASS running on RasPi. I wonder if there's CSS added by another extension breaking it for me? |
Maybe. I only have |
This seems to actually work now. Not sure what changed |
Description
Convert chip to standard ha-card. This improve support for card like
vertical-stack-in-card
because the container element is a ha-card.Example :
Related Issue
Motivation and Context
How Has This Been Tested
Types of changes
Checklist