Bubble Card v1.7.0

A lot of love for the pop-ups! Please read this before updating 😘

v1.7.0

Hi everyone! 🍻

After a long month of working on bug fixes, I'm finally confident enough to release this major version!

The 1.6.X release was a huge challenge for me. It was a lot better for many users, but it was also a lot worse for some others... I've investigated a lot on that. And now I can say that this version should be significantly faster than ever for all pop-up users, especially for pop-ups with cameras!

Breaking change for optimized mode users

In a previous release, I mentioned that the pop-up optimized mode had become obsolete. This was partially true... but not for some iOS/Safari users and maybe some others too. I also said that I would remove the optimized mode later, but it was too difficult for me to maintain it and it was blocking me from releasing this version.

BUT I've found a better and definitive way to fix that. For the optimized mode users, you know that it was a nightmare to update it after each release. This is why I've created a fix that doesn't need to be updated! Just add it like the optimized mode and never worry about it after that. More information here: Pop-up initialization fix.

But that's not all!

I really wanted to add some new features, and there is one that was requested a lot. There is now a blurred backdrop behind the pop-ups! And that looks awesome, thanks a lot for this idea ❤️ And if you don't like it, you can of course disable it.

Here are all the other new features and bug fixes:

💡 New features

• Pop-up initialization fix: If you notice that pop-up content appears upon page load, consider installing this fix as an additional module. More information here.
• Column fix: You can now tweak the column fix value and not just set it to true. For example, you can change it to column_fix: -10 then try to find the value that fits your dashboard layout.
• Horizontal button stack gradient: You can now hide it with a simple toggle in the editor (in YAML: hide_gradient: true) as it was not fitting everyone’s setups.
• Pop-up backdrop: There is now a blurred/darkened backdrop when you open a pop-up. If you don't like it, you can hide it with a toggle in the editor on the first pop-up on your view, you don't need to disable it on all of them that way (in YAML: hide_backdrop: true).
• Background camera: This was one of the main issues in the 1.6.X release, especially for the Frigate card users. Now every camera stream is removed by default, it acts exactly like a conditional card when a pop-up is closed. You can still allow cameras to be played in the background, but be aware that this can slow down your dashboard a lot. I've added a toggle for that in the editor (in YAML: background_camera: false is the default).
• Pop-up custom style: You can now target a pop-up in CSS with .pop-up instead of #root (but this is still working this way).

✔️ Bug fixes and optimizations

• CPU consumption: Bubble Card is now using much less CPU after initialization! This is perfect for low-end devices!
• Pop-up fixes: I've fixed a lot of issues related to the pop-ups, they should work perfectly now (this is not the first time I've said that).
• Pop-up initialization: The pop-up initialization was slower for some users, this is now fixed thanks to @Woyken!
• Code clean up: I've cleaned up the code a lot to speed up even more the initialization and lower the CPU consumption.
• Pop-up triggers: They should now work as they should!
• Horizontal button stack fixes: I should have fixed most issues related to it, and it's now even faster!
• Horizontal button stack highlight: This feature is now more visible!
• Pop-up additional text: This feature was not working at all, this is now fixed!
• Pop-up with input_datetime: You can now change the date and the pop-up will remain open after that.

Thank you once again for your continued support!

🍻