PButcher / flipdown

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

Best way to remove unneeded days/hours rotors? #31

Open tsummerall opened 4 years ago

tsummerall commented 4 years ago

For example I just need minutes and seconds. What's the best approach to hide the unneeded rotors?

PButcher commented 4 years ago

This was being discussed in #24 but I haven't got around to completely integrating it in a sensible way yet.

felipeacelino commented 4 years ago
ARemaity commented 3 years ago

we need this feature

developerashikur1 commented 1 year ago

any update of removing days and hours?

SmileSoftSr commented 6 months ago

You can do it in CSS alone. It's a fix, but it would be better if there were ways of doing it in JS.

This one hides the days and hours.

#flipdown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: unset !important;
}
#flipdown .rotor-group:first-child,
#flipdown .rotor-group:nth-child(2) {
  display:none !important;
}
LeadMagnet commented 1 month ago

You can do it in CSS alone. It's a fix, but it would be better if there were ways of doing it in JS.

This one hides the days and hours.

#flipdown {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: unset !important;
}
#flipdown .rotor-group:first-child,
#flipdown .rotor-group:nth-child(2) {
  display:none !important;
}

Thank You @SmileSoftSr this works great! I'm building 3D printer status pages and just need HH:MM:SS

Agree that a hide option in JS would be idea, but this works just fine :D