Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use mushroom styled slider #31

Closed
Greenphlem opened this issue Jul 4, 2023 · 8 comments
Closed

Use mushroom styled slider #31

Greenphlem opened this issue Jul 4, 2023 · 8 comments

Comments

@Greenphlem
Copy link

Hello!

Is there any way to change the style of the slider to have a bigger touch target? At the moment, the touch target is too small for my preference. In the screenshot below is a comparison of the current hue-card sliders vs Mushroom cards.

Screenshot_20230704_110728_Home Assistant

@Gh61
Copy link
Owner

Gh61 commented Jul 4, 2023

Hi,
You can style the card as you wish using the card mod.
You can create style which will enlarge the slider pointer (using transform:scale(2) for example).

@ITensEI
Copy link

ITensEI commented Aug 10, 2023

I would also love to see a mushroom style slider as it's a bit more mobile friendly.
@Gh61 if you have the CSS for card_mod to make it look like the mushroom one please share it.

@Gh61
Copy link
Owner

Gh61 commented Aug 14, 2023

Thank you @ITensEI, I'll look into some possibilities to make the slider look like mushroom one.

@Greenphlem
Copy link
Author

Woo! Thank you @Gh61

@magnonan
Copy link

magnonan commented Sep 8, 2023

Is there a way to change the background color and text color? I can't get it to work using card mod.

@Gh61 Gh61 changed the title Change slider style Use mushroom styled slider Sep 28, 2023
@Gh61
Copy link
Owner

Gh61 commented Sep 28, 2023

@magnonan
No, color of text a background is changed based on the actual color of light.
This is the main reason for this card to exists.

@Gh61
Copy link
Owner

Gh61 commented Sep 29, 2023

Will be part of the next release.
For configuration see https://github.com/Gh61/lovelace-hue-like-light-card#slider-type

@Gh61 Gh61 closed this as completed Sep 29, 2023
@Greenphlem
Copy link
Author

Thank you so much!! This is great.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants