Bubble Card v2.3.1

Bubble Card 2

v2.3.1

Hi everyone!

This update brings several enhancements, bug fixes, and even some new features that I couldn’t wait to implement! Special thanks to @MrBearPresident for his valuable first contributions to this release! As always, let me know if you encounter any issues or have feedback. Your input helps make these updates even better!

P.S.: I really need to update the documentation with all the changes from v2.3.0 and v2.3.1, I will do that soon!

Here's what’s new:

---

💡 New features

• Conditional sub-button visibility:
  Sub-buttons now support conditional visibility based on Home Assistant's conditional system, allowing more dynamic setups without the need to add templates. #787 - PR #995 by @MrBearPresident.

  In YAML:

     visibility:
       # Show this sub-button only when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

  

• New pop-up trigger system:
  Introduced a new trigger system in the pop-up editor, to allow more complex triggers. This new feature is based on the conditional system from @MrBearPresident, so thanks again to him for this great new possibility! #332

  This is not a breaking change, existing triggers from previous versions will still work but can only be edited in YAML mode. If you switch to the new system, it will override previously added triggers.

  In YAML:

     trigger:
       # Open this pop-up when motion is detected at the front door.
       - condition: state
          entity: binary_sensor.front_door_motion
          state: "on"

• Box shadow variable:
  You can now adjust the box shadow for your Bubble Cards, this can be done with the --bubble-box-shadow variable. PR #1009 by @flobiwankenobi.

• Safety binary sensor icon:
  Added a dedicated icon for safety binary sensors. PR #967 by @nexeck.

---

✔️ Bug fixes and optimizations

• Improved light color handling (again):
  Lights without RGB support now use the accent color, mirroring Home Assistant’s default behavior. #692.

• Fan modes issue:
  I should have resolved an error when HVAC are in dry mode. #987.

• Media player custom style issue:
  Resolved an issue where modifying the background color in .bubble-media-player caused rounded corners to disappear. PR #1015 by @MrBearPresident.

• Instant .bubble-name templating:
  Optimized for faster rendering when using templated names. #975.

• Entity picture issue:
  Fixed an issue where some entity_picture URLs were not displayed.

• Volume slider issue:
  Closing the volume slider in a media player card now behaves as expected. #994 - PR #1001 by @MrBearPresident.

---

ℹ️ Bubble Card news

---

I’ve been wanting to start my own YouTube channel for a while, focusing on tutorials around Home Assistant and Bubble Card. There are two videos so far, an introduction explaining the project and a first tutorial on how to create your first pop-up. I really hope you will enjoy them. Don’t hesitate to subscribe to help give my channel more visibility. Thank you in advance!

The next video will cover the new global variables, as well as custom styles and templates, since I’ve noticed more and more questions on these topics.

---

Over the past year, I’ve been working almost everyday on Bubble Card to make it the best it can be, and I still don't believe how much it have grown in popularity. Watching the community getting this big and seeing so many people using my work has been incredibly rewarding.

I have another announcement to you all, I decided to create a Patreon as a way to offer something more for those who want to support me. On my Patreon, I share advanced YAML configurations, custom styles, and templates. For example, I’ve added one (my favorite) that allows up to four conditional badges placed around the card’s icons. It’s also a great way to learn about all the possibilities of Bubble Card custom styles and templates!

If you like my project and want to support its development, subscribing to my Patreon is probably the best way to help me keep the project going.

Also, let me know if you have any suggestions or feedback on this. Trying to find a way to monetize my work was not something I ever imagined doing, but I really hope you see it as a way to keep improving the project, and not as a negative step.

Thank you so much for being part of this amazing community, your support will always makes a huge difference! ❤️

---

I want to highlight that on the GitHub page, in the Discussions section, you can share and discover some amazing YAML examples from the community. Go check it out! Some of the creations are absolutely incredible!

---

And if you are interested I've opened a Subreddit for Bubble Card where I post my progress on the project. Here it is:

🍻