search

magnifydev / magnify

A Digital Program of Studies for LMHS.
https://magnify.web.app
Apache License 2.0
8 stars 0 forks source link

Tag container scrollbar looks a bit messy #26

Open Ascent817 opened 2 years ago

Ascent817 commented 2 years ago

The tag container scrollbar looks a bit weird on smaller screens where not all the tags can fit. I don't know if there's anything we can do, but the YouTube tag system is pretty clean. It doesn't have a scrollbar, but relies on overlays and transparencies to indicate that there's more tags if you scroll on it. Just check out the YouTube front page and the tag bar there.

Ascent817 commented 2 years ago

Screenshot: image

GoogolGenius commented 2 years ago

I've looked at the YouTube tag bar before, it doesn't actually scroll, it uses JS to apply a transform when you drag or scroll in either direction using a trackpad or keyboard tab. This was a bit complex before and I didn't want to fix it yet. The reason why it looks messier with the scrollbar so far below is because of the shadows, there's a "bug" with CSS where a scrollbar cuts off shadows so I have to compensate with padding.

Ascent817 commented 2 years ago

Hmm...It might be worth doing the more complex approach if we can get similar results. I can take a look at it once I get home.

Ascent817 commented 2 years ago

Just to be clear: We agree that it's messy right?

GoogolGenius commented 2 years ago

Just to be clear: We agree that it's messy right?

Yes

Ascent817 commented 2 years ago

Alright. I'll tag with wontfix and we'll come back to this after more important stuff.