You really manage to make this card even more awesome again and again. Thank you for all the time and effort you guys put into this project.
I currently plan to replace most of my custom cards with bubble cards, but one little issue is holding me back: the low padding of the cards just doesn’t fit my theme at all. I would like to at least double the padding, but can’t find an easy way to do it. I searched for a CSS-variable and tried to give the outer div container more padding, but many elements have fixed heights and hardcoded margins/paddings which ends up in a lot of CSS kung fu.
Can anyone think of an easy way to increase the general padding of the cards to 16px, for example?
I’m back! The past few weeks have been quite busy for me and I haven’t slept much because… I’m now a dad! And I’m so proud of this new achievement!
Despite the new and joyous responsibilities, I’ve managed to take some time to address some of the recently submitted issues.
I also have a good news for some users. By fixing an issue with the haptic feedback feature, I found a massive memory leak in the sub-buttons actions. This was consuming the RAM and the CPU over time and was mainly noticeable on low-end devices. This issue was slowing down/breaking the pop-ups on some setups. I can say that everything is A LOT faster and everything is working perfectly now!
But that’s not all! I also wanted to introduce a new card to the collection, but also some new features!
Here are all the details:
Select card
You now have the possibility to add a dropdown menu for your input_select / select entities! This new card also supports the sub-buttons and all the common Bubble Card features.
This new feature allows you to trigger an action, similar to the ones from the tap actions, but when your pop-up is opening/closing. For example, this allows you to cancel an alarm pop-up, or to toggle a boolean to track the state of a pop-up. This is perfect in combination with the pop-up trigger feature! In YAML you can add open_action: and close_action: followed by any available action.
You can now fully hide the pop-up header, including the close button, without any custom styles. In YAML you can hide it with show_header: false or with the new toggle in the editor.
Good thing you got this out before ‘daddy brain’ sets in ;).
I haven’t previously posted here because I haven’t needed to, however I should at least thank you for an incredible next level card and congratulate you on becoming a dad.
Hi, i have some problems with the pop up card and my theme. I use the rounded theme ( Rounded - Dashboard guide) and cant get the background color for the pop up in dark/light mode right.
Upgraded to 2.1.0 and now I have scroll bars, it persists into edit mode too. I thought I’d seen this issue in this thread but can’t find it now. Does anyone know why this is and what direction I should take to fix it? Thanks in advance.
I will fix this in the next release. Sorry about that! This issue seems to occur only on some browsers, mostly on Windows.
I had to make some significant changes to the CSS of certain cards for the new select sub-button. This was quite challenging, and I hope this is the only issue
LOL came back here to mention that it only happens in Iridium browser on desktop. Chrome, Edge, (desktop and mobile versions of these) and companion app all look great. I’m glad to hear that you’re aware of it, but can totally see why it’s a low priority issue.
Now go change a diaper if you can actually pull your kid out of your partners arms for a minute :).
Hi everyone! My time is more limited these days, so I’m really sorry for not responding to all of you. For now, I will mainly focus my time on new and existing issues, and possible new features.
And thank you all for making this project so active. It’s truly a motivating and rewarding experience, and it really motivates me to keep growing it.
Cheers!
Edit: Ho one more thing, @brunosabot the developer who helped me the most with v2, has just published a very complete article on how he created his Home Assistant dashboard almost entirely with Bubble Card. Go take it a look!
@Cloos Just updated to 2.1.0 and have a question about the haptic feedback bug that was supposed to be fixed. Was that fix supposed to include when you interact with a slider? When I adjust the brightness of any of my sliders I get constant haptic bumps.
Is it possible to use dynamic names in the horizontal buttons stack?
For example, one of the buttons in the horizontal button stack is named “Attic.” I’d like it to dynamically display as “Attic 30°C,” with the temperature value read from the climate.attic entity (temperature attribute).
I understand how to achieve this for a normal button, but it doesn’t seem to work for the horizontal buttons stack.
${card.querySelector('.bubble-name').innerText = "It's currently " +
hass.states['weather.home'].state}
Just wanted to share my dashboard created with this amazing card.
My setup is mainly mobile. I do not use a tablet or screen anywhere else. Everything is done with voice, so my layout is based for mobile specifically.
I have made some minor changes. I have added a decluttering card that allows me to place a timer-bar-card on the card above it. Placement is pretty much hard valued right now, as i couldn’t figure a better way to do it. If anybody knows a better way to do what i am trying to acheive im all ears.
Hi Cloos! Gratulations (you got father I read) and greetings from Austria. I like the style of bubble cards. Great to use. Unfortunately I often need entity values to visualize. I found no possibility to do that with Bubble Cards.
It would be GREAT to have a Bubble Card that looks like the Slider Button Card , where you can set min and max-value and use it as horizontal Bubble Card style Bar-Graph.
Hi Cloos-- I love these bubble cards-- I use them exclusively on my dashboard!
I had a question for you-- when I open a popup, there is a large gap above the top (shown below). Does anyone know if I’m doing something wrong or if there is a way to remove this odd space?
New features
Bug fixes and optimizations
Rounded - Dashboard guide
