Added horizontal scroll for the filters now too:
@darch@neotxt.dk that is an UX nightmare, specially on mobile.
@bender@twtxt.net so it doen’t work or??
@bender@twtxt.net it was on someones request not that long ago
@prologic@twtxt.net nope, do you mean topics like https://github.com/topics/twtxt ?
@prologic@twtxt.net ah okay, so just like using site: or date: in any mainstream search engine. Why do you bring this up here?
or do you mean the filters in the side menu?
@prologic@twtxt.net so it is the dropdown feature that you like?!
Sure we can do that, but then the user have to type out what they want and it don’t see that as very mobile friendly…
@prologic@twtxt.net so you just want a dropdown instead of a horizontal scroll? I’m not gonna do it this year, since I believe what we have now is sufficient. At least until we got lists up and running as I posted about earlier today: https://neotxt.dk/twt/vef7xva
@prologic@twtxt.net also: mobile - Filters in a horizontal scroll or in a dropdown; what is better? (i made an example image) - User Experience Stack Exchange
@darch@neotxt.dk I actually like the horizontal scrolling a lot.
On a phone it’s intuitive, but it’s hell on desktop, I’d personally make them wrap on larger screens.
The only issue I can point out is the height is the scrollable area, just adding a bit of space above and below make a great difference for a better “fat-finger” design.
@prologic@twtxt.net what you want for filters is a really great idea, I thought about it too for some of my projects at work, It allow you to support advanced filters and then implement them after as buttons or similar all while keeping a plain texts format, they can also be used as custom filters potentially too.
@justamoment@twtxt.net that’s great and the horizontal scroll should first kick in below 740px, above that the filters simply do a line wrap as before. But I guess you already know that after trawling thought the code😉
@darch@neotxt.dk yeah 👍
I saw the code after replying here.
I tried to give some tips for everyone other than the code itself, feel free to follow just what you need from my review. 😉