Display wraps to 2 lines when Flipdown date is more than 99 days in the future

PButcher / flipdown

⏰ A lightweight and performant flip styled countdown clock

https://pbutcher.uk/flipdown/

MIT License

390 stars 124 forks source link

Display wraps to 2 lines when Flipdown date is more than 99 days in the future #23

Open genew opened 4 years ago

genew commented 4 years ago

I have need for setting the flipdown date to a date within the next year more than 99 days in the future, but doing so causes the seconds to display on new row. Changes to flipdown.css to fix it:
.flipdown width: 565px; (was originally 510px;) and @media (max-width: 630px) { width: 350px; (was originally max-width: 550px with width 312px;) see updated attached file that I believe fixes it.

flipdown css.txt

PButcher commented 4 years ago

Before I merge #22, I intend to add support for variable widths of the FlipDown container based on the number of visible rotors and extra days. Thanks!