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

Support for 3 digit number of days without line break #44

Open
OffCrazyFreak opened this issue Dec 12, 2022 · 2 comments
Open

Support for 3 digit number of days without line break #44

OffCrazyFreak opened this issue Dec 12, 2022 · 2 comments

Comments

@OffCrazyFreak
Copy link

When there are more than 100 days in the counter the flipdown automatically line-breaks to make it's width 510px as set in css file.
image

More than 100 days until something happens is not uncommon and it would be nice if the default css supported it.

@OffCrazyFreak
Copy link
Author

By removing width: 510px; from the css file the flipdown takes up full width.
The problem then appears that the media query is activating too late so the flipdown is line breaking once again.
image

By increasing the media query to max-width: 570px resizes the flipdown to the smaller size, but here we come across the same problem as before - fixed width so the flipdown is line-breaking automatically although it has space to take up.
image

By removing width: 312px; from the css file the flipdown once again takes up full width.
image

@OffCrazyFreak
Copy link
Author

I will make a PR with these changes for you to check out.

OffCrazyFreak added a commit to OffCrazyFreak/flipdown that referenced this issue Dec 12, 2022
…eak line when using more than 100 days until the end of countdown. Increased media query by 20px to support more than 100 days. Closes PButcher#44.
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

1 participant