lovelace-mushroom
lovelace-mushroom copied to clipboard
piitaya
Light Card slider becomes "unusable" with color and temperature options enabled on mobile.
Is your feature request related to a problem?
The width of the slider on the light card becomes very very small when used in conjunction with the Color and Temperature options, especially on a smartphone. see image below
Describe the solution you'd like
My suggestion would be to render the entity name and brightness value inside/on the slider. I saw another post suggesting this as well but that was rejected because it wasn't visually consistent with the other mushroom cards. My personal opinion is that UX beats visuals any day of the week. I would at least add is as an option and let the user make that decision themselves. Right now I'm using other slider cards just because of this exact issue. And that, imo, is way worse for visual consistency than having the text render on top of the slider. So please please consider adding this option. It wouldn't have to be an option in the visual editor, just as a custom yaml option.
Describe alternatives you've considered
No response
Additional context
No response
Already discussed in another issue like you said. The solution I think is to combine the 2 buttons into a dropdown menu or something like this. From an UX point of vue, having text on a slider is not good because the background color can change. We have to change text color according to the background color for contrast accessibility.
For now, you can display only one button or use another layout (default or vertical).
If you look at how custom:slider-button-card does it. I have mine with white text and even when my lights are set to pure white I can still read the text due to the fact that there is a slight gradient as well as the colors being just slightly tinted, so It's never 100% white. That way it always work no matter what color that slider is. And to be fair, no one cares if the color on the slider replicates the light exactly, because it can't.
I know slider button card do that but I don't want that in Mushroom. It's not a minimalist look.