search

PButcher / flipdown

⏰ A lightweight and performant flip styled countdown clock
https://pbutcher.uk/flipdown/
MIT License
384 stars 123 forks source link

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

Open OffCrazyFreak opened 1 year ago

OffCrazyFreak commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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