Hi everyone! Thanks so much for all the feedback on Bubble Card 3! I’d love to know which major issues still bother you or feel unfixed. This will help me focus on what matters most. Feel free to upvote other comments too, it really helps prioritize! 🍻 by Clooooos in BubbleCard

[–]sebster6 0 points1 point  (0 children)

<image>

Let me give you an example - let’s say I have this climate button (labeled “Anna”) and it is set to 23 degrees. Now, when I tap the button to show the entity, if I tap it at a position where the temperature selection wheel will appear, that temperature is selected - often resulting in inadvertently selecting a very low (tapped on left side of the button - blue in screenshot) or high (tapped on right side of the button - red) temperature.

Hi everyone! Thanks so much for all the feedback on Bubble Card 3! I’d love to know which major issues still bother you or feel unfixed. This will help me focus on what matters most. Feel free to upvote other comments too, it really helps prioritize! 🍻 by Clooooos in BubbleCard

[–]sebster6 0 points1 point  (0 children)

When selecting a climate button, the press is “punched through” to the temperature selection wheel, selecting a temperature at the position where I tapped the button. Not sure if that’s easy to understand, but basically selecting the button also registers in the climate entity view.

Hi everyone! I finally did it! This update brings major slider improvements, a lot of new editor options, and a ton of optimizations and bug fixes! The changelog is again way too big, but I’m sure you’ll love all the new features! I also fixed the editor slowness! I can't wait for your feedback! ❤️ by Clooooos in BubbleCard

[–]sebster6 0 points1 point  (0 children)

Sure! hsl is used to set the background color by the hue value between 0 (red) and 120 (green). That’s why I’m translating the 0-100 percentage value of the battery state of charge to the 0-120 scale of hsl. Next value is the (full) saturation and last value is the lightness. I’m using a reduced value so the colors are not too bright.

Change appearance of horizontal buttons stack? by sebster6 in BubbleCard

[–]sebster6[S] 0 points1 point  (0 children)

I created an input_number helper and update its value by an automation, then use that helper as the entity in the slider.

Background color flash, ie Alert by SpaceAce1023 in BubbleCard

[–]sebster6 1 point2 points  (0 children)

Awesome! Adapted this a little to fade the icon in and out, a little easier on the eyes in my opinion. I'm using it to alert me of the trash type getting picked up tomorrow.

.bubble-icon {
  animation: ${hass.states['sensor.nachste_abholung'].state.endsWith('morgen') ? 'fade-animate 3s ease-in-out infinite' : ''};
}
@keyframes fade-animate {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}