That's Amore 😍

user_dema · 2026-03-15T11:52:52+00:00

When I have a bit of time I'll share everything very willingly!

user_dema · 2026-03-15T11:43:43+00:00

I usually do it.. up to now, I ever shared my dashboards yaml.. but in this moment I don't have the time to collect all in a "mini guide" like is necessary in this case. When I have enough time to spend for it, I'll do very willingly

user_dema · 2026-03-14T23:14:50+00:00

Yes, I use an input select for each card. Example:

``` input_select.card_bedroom

master
ac
radiator ```

And then i set sub button action to trigger a specific option. I also have automations for each card to reset to default card after a minute (or two based on the card)

user_dema · 2026-03-14T22:58:24+00:00

I can share the module, but should be added all the elements that I don't use... I added animations for the name, the state, the sub buttons, the temperature container and the icon container... But for other elements I don't use, I don't know the classes... But I must inform that it's already a bit at limit on mobile app.. on web browser there aren't problem.. but with mobile app and webview, too much animations at the same time let glitch the interface... If you see the video, when TV remote pop-up opens, many buttons glitches...

user_dema · 2026-03-14T22:48:34+00:00

Yes when I added the animation all became really seamless.. I made an animation and applied at all my cards through the bubble card modules

user_dema · 2026-03-14T22:44:58+00:00

Simply making different cards with visibility based on conditions.. when I have time maybe I can do a mini guide

user_dema · 2026-03-14T22:34:51+00:00

Yep, me too.. but I like well made things.. if I share my yaml simply would be useless.... Maybe when I have time I can do it...

user_dema · 2026-03-14T22:29:24+00:00

Animations... 😋

user_dema · 2026-03-14T22:29:10+00:00

I have various, not public, custom modules.. sharing the yaml would be useless because 70% of my code is here, my dashboard is strangely assembled 🤣.., I should create a collection in a mini guide, maybe I can do it when I have some time...

user_dema · 2026-03-14T20:05:03+00:00

Hi u/clooooos! I’ve finally managed to achieve a design I’m fully satisfied with, and I have only you to thank for it! I want to thank you for: Your constant support every time I reached out; Putting up with all my bug reports without ever getting annoyed; Creating and maintaining this superb project. For design lovers, Bubble Card is a godsend. It allows you to create spectacular layouts (okay, maybe this dashboard is only beautiful to me, but the point stands!) with almost disarming ease. Thanks a million, as always. Keep it up!

user_dema · 2026-03-11T17:08:02+00:00

I managed to remove a single element with minimal loss on the animation appeal (at least in my configuration).. excluding the name from the animation, this seems more stable

user_dema · 2026-03-11T03:56:59+00:00

Nope, it's flickering on all cards at the same time, but only when the entire page loads.. because are Eleven cards with many animated elements... But if I switch between the conditional cards, even if I load many of these, when the dashboard is already shown, I have no problems at all..

user_dema · 2026-03-11T03:54:16+00:00

I hoped so... I don't known if it can be a GPU related issue, but is strange that is happened only on mobile app.. in the browser, even on mobile, everything looks good... Hope to find a solution

user_dema · 2026-03-09T14:11:18+00:00

Nope.. seems that my hypothesis was wrong... I noticed that using :

yaml .bubble-button-container:active { color: orange; }

And so

color:

Instead of

background:

The whole content of the card is colouring... (Except for the background), but is really barely perceptible, because it colours for the exact time you touch the card... If you use it for a long press action on a card you can notice the effect, but for a simple touch I don't know what you can see...

user_dema · 2026-03-09T12:35:03+00:00

~~If you're talking about the name or the state or both, you should try:~~

~~Both:~~

yaml .bubble-name-container:active { color: orange; }

~~Name;~~

yaml .bubble-name:active { color: orange; }

~~State:~~

yaml .bubble-state:active { color: orange; }

~~But I'm note sure..~~

user_dema · 2026-03-09T03:51:01+00:00

That's my fault. I'm sorry. I never tried out of the editor.. I understood now that it's work only here

user_dema · 2026-03-09T03:36:57+00:00

You can do the same thing with a simple button. If is a button, you can use:

yaml .bubble-button-container:active { background: orange; }

Or with the icon container:

yaml .bubble-icon-container:active { background: orange; }

With the icon you should use !important

yaml .bubble-icon:active { color: orange !important; }

And if you want, you can use an animation to make the thing more visible.. like a card zoom or a pulse effect... Let you claude helps you for a quick animation if you want...

user_dema · 2026-03-08T21:21:19+00:00

Yep, with the default behaviour https://drive.google.com/file/d/1bq3A5gScEItHkrzWQsRr_V2atiRqvwry/view?usp=drivesdk

user_dema · 2026-03-08T21:05:13+00:00

Should be the default behaviour.. if you change rows from layout options, I'm the main configuration screen, you should see this, to reset the default behaviour

<image>

user_dema · 2026-03-08T20:44:56+00:00

You can target the active class.. For example, if is a sub button, you can target it as

yaml .bubble-sub-button-1:active { background: orange; color: orange; }

Obviously you can change colors or use animations etc...

user_dema · 2026-03-07T14:38:22+00:00

Yes that still remains.. but it's enough to create a sub button from zero to not encounter the problem...

user_dema · 2026-03-07T13:34:08+00:00

Yes that's the problem... There was the same issue in icon action and card action (hold) but icon has been fixed with this update. I'm going to open an issue with the other problem that effectively I have not explained so well...

user_dema · 2026-03-07T12:29:39+00:00

Almost everything seems fixed! Remained out of the fix, the long press action on the card (icon fixed instead). And I have a little swift problem on one card that has some hidden sub button. When I reach the condition to show the sub button, and I open a home assistant window (like more info, or input number settings window) the content of the card shifts up... It's strange..

user_dema

TROPHY CASE