Bubble Card 2 - The True And Last One? 🤞

If you missed it, you can take a look at the 2.0.0-beta.1 (huge) full changelog here.

Version 2.0.0-beta.9

Hi everyone!

The past two weeks have been incredibly busy for me, but I’m excited to finally present the latest (and possibly final?) beta for Bubble Card 2!

I really took my time to test it further and I’m hopeful that this version will meet all expectations! 🙏

I can't wait for your feedback as always and here is another extensive changelog:

💡 New features

• Added the card variable for the custom styles, it returns the card element in the DOM. For example you can now change the color of a sub-button when a pop-up is open, like this:

  ${window.addEventListener('location-changed', () => { 
  card.querySelector('.bubble-sub-button-1').style.backgroundColor = this.location.href.includes('#kitchen') ? 'blue' : '';
  })}

✔️ Bug fixes and optimizations

• Fixed an issue where the editor doesn’t work when a sub-button has an action to call a service #514
• Fixed some CSS issues for the separator card
• Fixed the behavior of the sliders in some cases #208
• Added haptic feedback on everything, they are also smoother!
• Button tap action added to the pop-up header in the editor
• Pop-up header z-index increased for better layering
• Double-tap action delay reduced from 300ms to 200ms for quicker tap-action
• Regression fixed: Buttons set to Name/Text now correctly use Button Actions #517
• Default cursor implemented for tap action when none is specified
• Default tap actions corrected in the editor
• No delay implemented if double tap is set to none (finally!)
• Media player buttons are now hidden when the media player is off
• Fixed an issue where hiding previous and power button of the media player card was not working #523.
• Pop-up header button switch background color now changes based on the entity state
• Columns and rows labels replaced with fractions for clarity (e.g., 1/4)
• Fixed an issue where states were not updating anymore #511
• If a sub-button is added without defining an icon, the icon of the sub-button entity will be used
• Scrolling text effect issues resolved
• Switch button color corrected when the entity is a light with a bright color
• Sub-buttons CSS no longer forced to allow custom styles
• Fixed an issue where horizontal button stack doesn’t scroll on some browsers #505 (from @brunosabot)
• Fixed an issue when a Frigate card is added inside a pop-up #513 (from @brunosabot)

I also want to say thank you to all the testers who assisted me in hunting down the remaining issues!