magnifydev/magnify

Tag container scrollbar looks a bit messy

Opened this issue · 6 comments

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.

Screenshot:
image

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.

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.

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

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

Yes

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