style: Trying out a new active-filter style

[fhennig]

https://filterstyle.loculus.org

Idea is to make it less like an input, and maybe also use some color as accents on the modal. Also use display names for the fields instead of the URL params.

I'll see after the weekend if i still like it!

Screenshot

New 'selected sequences' filter

Screen.Recording.2024-12-07.at.01.01.10.mov

before

PR Checklist

• All necessary documentation has been adapted.
• The implemented feature is covered by an appropriate test.

[theosanderson]

Definite improvement! It maybe now feels more salient than the form inputs, which may not be exactly what we want, but it looks really nice.

[fhennig]

Thank you! Yes I agree regarding saliency. I think on here it's better:

Maybe more color in the controls is the way to go? I might go ahead and try that for the download page.

But of course toning down the colors is also an option, I'll experiment a bit

[fhennig]

I tried it (EDIT: also with some layout changes) -- See OP.

But I can't tell, it might be too colorful 😅 I think it's time to go to bed lol

[theosanderson]

Yeah, I think the Download form has always felt a bit of a distinct design from our main one - so personally I like the new approach for consistency!

[emmahodcroft]

I really like this! Very cool. And thanks for the video and the before!

[theosanderson]

Thanks!

[fhennig]

Thanks for the review/approval!

I want to merge this into main on it's own though, to keep the history a bit cleaner (so I'm waiting for the other PR to get merged first)