Added horizontal scroll for the filters now too:
@bender@twtxt.net Ux is hard 🤯
@bender@twtxt.net so it doen’t work or??
@bender@twtxt.net it was on someones request not that long ago
@darch@neotxt.dk Probably mine, 😅 and he’s right, it may not work, but let’s see what we can do 🤔
Have you seen the way Github does filters? 🤔
@prologic@twtxt.net nope, do you mean topics like https://github.com/topics/twtxt ?
@darch@neotxt.dk Nope you’ll see it when you go to https://github.com/notifications – Have a play with it and see what you think 👌
@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?
@darch@neotxt.dk No I mean this…
and this…
– I think if we can somehow achieve this kind of UX for filters it might work better on Mobile and take up less room.
@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…
@darch@neotxt.dk The drop-down could have the filters pre-defined that you can “tap” on? 🤔
@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
@darch@neotxt.dk Fair enough 👌
@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 Yeah so hmm 🤔 I’m not qualified to answer this I don’t think but good to see us do R&D when making changes 👌
@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. 😉