Bubble Card 2

v2.3.0-beta.2

Hi everyone!

Here is a huge beta release with some new features, a lot of bug fixes, and major optimizations! I’ve also worked a lot on the editor, it should not freeze anymore on some setups/browsers 🤞

Here are all the details:

💡 New Features

• Slider live update: Added an option in the editor to revert to the slider previous behavior. In YAML you can add slider_live_update: true. #817

  

• Pop-up slide to close distance: You can now change the « Slide to close distance » in the pop-up editor. In YAML you can add slide_to_close_distance: 300, this is the distance that you need to slide (in pixels) to close a pop-up.

  

• Select border variable: You can now change the border CSS of a selected select card with the —bubble-select-border variable. #794

• Separator line color variable: You can now change the separator line background color with —bubble-line-background-color.

• Light color variable: You can now replace the light color variable with --bubble-light-color, for example on a slider button you can change it like this in your custom styles:


  ha-card {
    --bubble-light-color: var(--accent-color);
    --bubble-icon-background-color: var(--ha-card-background);
  }
  .bubble-range-fill {
    opacity: 1 !important;
  }

✔️ Bug Fixes and Optimizations

• Editor freezing issue: The editor is not freezing anymore on some setups/browsers. #799 #698
• Page initialization: Faster page initialization on some setups.
• CPU usage: Significantly lower CPU usage on some setups. #799 and maybe #711
• Pop-up background update: Pop-up background_update feature fixed, try this if you have an issue displaying a specific pop-up.
• Pop-up speed: Pop-ups are now faster (yes again) on some setups.
• Long term memory management: Better long term memory management. #799
• Event listeners for pop-ups: Better and lighter event listeners system for handling the pop-ups.
• Global event listeners for tap actions: Better and lighter global event listeners system for handling the tap actions.
• Select arrow background variable: Replaced the select arrow background variable with --bubble-select-arrow-background-color. #794
• Dropdown menus in pop-ups: Some dropdown menus from some custom cards were not appearing when placed inside of a pop-up, this is now fixed! #469 and #816
• Hold action optimization: The hold action is now automatically triggered after the delay.
• Safari slider button issue: Fixed an issue on Safari where slider buttons were flashing when a pop-up was opened.
• Media player icon issue: Fixed? Issue with Media Player Icon (z-index?) appearing in front of sticky moving card. #823
• Binary sensors icon: Fix: recover icon from binary_sensors. #828 by @brunosabot
• Google Wifi Online value: Fix: support Google Wifi Online value as active. #829 by @brunosabot
• Cover card icon variable: Fix icon variable in cover-card. #776 by @Muenchen-Michi
• Styling fixes: Some various styling fixes.

I can't wait for your feedback as always!

Oh, and one more thing! 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.

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

🍻