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

Size adjustable #12

Closed
PythonNube opened this issue Dec 16, 2020 · 2 comments
Closed

Size adjustable #12

PythonNube opened this issue Dec 16, 2020 · 2 comments
Labels
feature request New feature or request

Comments

@PythonNube
Copy link

Problem

I am trying to use this as an alarm set on a small tablet near my bed but it is too small to really use. I am looking for ways to increase the box size. I have found ways to adjust the font by putting this in a custom button card but then the numbers run outside the boxes.

Suggested feature / solution

Can there be a setting to adjust the proportions of the elements.

@PythonNube PythonNube added the feature request New feature or request label Dec 16, 2020
@ukmgranger
Copy link

This is a great idea!
I have had to modify the .css code in the time-picker-card.js file to get mine looking good.
I tried to change the css with the card-mod integration, but it just wouldn't change anything.

@GeorgeSG
Copy link
Owner

I added a theme variable time-picker-control-padding that will enable you to control the padding of the elements - making their hitboxes larger. Released in 1.2.0

You can try something like: --time-picker-control-padding: 12px or --time-picker-control-padding: 12px 16px.

I'm not entirely sure this is the best solution, but it's a start. Let me know if it works for you or if you were looking for something different.

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

No branches or pull requests

3 participants