Hello everybody,
I’m not sure, if the following is an issue with card-mod or with bubble-card.
Generally bubble-card works as described, just one thing …
I’d like to replace the lower section part (Klima and the 2 following card) with a popup-card.
I added my standard style settings to the card
The card with the rounded border is the popup-button-card, with the following code:
type: custom:bubble-card
card_type: button
button_type: name
name: Klima
icon: mdi:temperature-celsius
button_action:
tap_action:
action: navigate
navigation_path: '#showtime'
card_layout: large
card_mod:
style: |
ha-tile-icon {
--mdc-icon-size: 30px;
}
ha-icon-button {
width: 90px !important;
height: 90px !important;
}
ha-card {
--ha-card-background: #;
font-size: 40px;
border-radius: 15px;
box-shadow: rgba(195, 255, 104, 1) 0px 1px 50px;
}
ha-card {
--primary-text-color: grey;
--text-align: center !important;
}
As you can see it accepts some card-mod styles (border-radius & primary-text-color), and ignores others (box-shadow, text-align and font-size)
I moved the card to the end, to show the box-shadow in the 1st picture is actually those of the adjactend cards.
For the sake of completeness, the actual popup with the working styles
I traced the element with inspector, but couldnt make it work with:
.bubble-name {…
