9
Skyline Clock (codepen.io)
submitted 3 months ago by to c/bad_ui_battles@programming.dev
7 comments fedilink hide all child comments
 

Pointless thing I made

The skyline is the middle gradient, which can be dragged left/right

https://codepen.io/GeorgeWL/full/myPyeaX

you are viewing a single comment's thread
view the rest of the comments
[–] 1 point 3 months ago (4 children)

Cool prototype

I'd fix the vertical scrollbar by changing SCSS' line 19 to: overflow-x: scroll; (also, you may as well just switch the editor to CSS instead of SCSS to make it load faster)

I'm a little confused why I can't drag all the way to the right, and also why it seems that the scroller does 25 hours and not 24.

  • permalink
  • fedilink
  • source
  • hideshow 4 child comments
    •
  • [–] [S] 1 point 3 months ago* (3 children)

    To be fair, 90% of the point of this sub is something quick and dirty

    Good point on the SCSS, I turned it on initially thinking the CSS would be more complicated then forgotten to turn it off once found it wasn't

    Ooh yeah I'll do that scroll CSS change

    All the way to the right? It should have a js that when drag to 23:59 it scrollTo({left: 0}), which I've defined as 00:00, that not working for you?

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 3 child comments
    •
  • [–] 2 points 3 months ago (2 children)

    It's possible to scroll past 23:59.

    See screenshot:

    When going past 23:59, the timer shows 00:00 but the scrollbar's handle is still past half way. It's possible to scroll past 23:39 to 00:59 on the right side of the scrollbar. Going past the second 00:59 resets the scrollbar back to the first 00:00 all the way on the far left.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •