I'm not wearing my glasses and misread the title of this post. I'm having a lot of little coincidences today, this Oglaf I was reading a few minutes ago is oddly relevent.
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.
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?
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.
Ah dang, I had a feeling my func was a little naive but was like "eh, probably fine?"
lol, it's always the way. My codepen is full of not quite finished experiments
E̖̰͚̠̟̗ͨͫ̚͠͡r̶̢͕̠̹̙̞̯̠̄̏̐̈́ͦͫ͛̿ͨr̴̞̪̦̖̊̄̈́̐o̘͛͐͒ͬ́͜ŗ̶̲̥̣̟̠̭̫̯ͪ̏͒̀ ̷̜̻̝ͦ̀̾̏͢͞ļ͈̺̟̹͔̔̄̊̓͐͟o̶̷̶͕͎̲̙͆͐́̓̃a̛͇̼ͥ͂ͬ͐ͦ͒̽͜ḑ̔͂̊͛͗̓͏̞̤̮̦i̴̞̬͍͔̖̝͓͆ͣ͢ņ̵̮̄́ǧ͎̈̂̓̍̇̽̇̕͡ ̧̗̻̙̣̤̖͑ͬ̓̊ͪ̋ͭs̵̥̯͇͔̦̞̖̘̓͒̆͑͘͟ì҉̛̼̖̭d̷̝͓̟̗̽ͦe̶̸̼̻̲̘ͩ͌́́ͬ͡ͅb̡͓̗̫̫̔̑ͥͤͫ̏̇̿͜a̴̶̾̓͛͏̻̲̠̤͍ȓ̡̟̲̼̱͓̀̐̈ͥͣ͜͞
For intentionally bad and silly user interfaces.
What do I submit?
Can I share the UI/source code in the comments?
RULES
Be kind. We're here to have fun
No racism, sexism, or other kind of discrimination will be tolerated.
All posts must be a video/gif submission for an intentionally bad UI design or a request for an intentionally bad UI
Icon base by Skoll under CC BY 3.0 with modifications to add a gradient