Update sorting controls for Dandisets page

[naglepuff]

Fix #1764
Fix #2176

Changes

Replaces the current sorting controls on the Dandisets page with a more compact, mobile-friendly widget. Based on the design by @jtomeck outlined in #1764.

Demo video

compact_sort_widget_demo.mp4

[jjnesbitt]

Should these controls not be on the left side, instead of the right? Since it's already a prominent change in the dandisets page, it might be easier for people to adjust if it's around where the old sort options were. cc @jtomeck

FWIW I really like the change.

[naglepuff]

Should these controls not be on the left side, instead of the right? Since it's already a prominent change in the dandisets page, it might be easier for people to adjust if it's around where the old sort options were. cc @jtomeck

FWIW I really like the change.

That's a fair point. I don't necessarily have a preference, so I'm interested in seeing what others have to say. It's a straightforward adjustment to make if there's a consensus that it should be moved.

[mvandenburgh]

With the latest code changes this look good to me. I just had one question about the design.

GitHub is also reporting a bunch of linting errors in the "Files changed" view for me, but CI is passing which is strange. I bet it's something wrong with how I set up linting for Vue 3. Either way, we can figure this out in a follow up since it's unrelated to this PR

[mvandenburgh]

@naglepuff now that #2360 is merged, if you rebase this PR on master you should see those linting errors actually appear in CI

[naglepuff]

@mvandenburgh I see you just approved so sorry to make you take another look, but I worked on implementing the suggestions discussed earlier today

[jjnesbitt]

Maybe we should make "Sort By" and "Order" slightly bigger and/or bold? It's a bit hard to tell the two sections apart since those texts are so small/light.

Reference for how it is on github

Now that I'm looking at it, indentation is also very useful.

[naglepuff]

@jjnesbitt how about this?

[jjnesbitt]

That looks great!

[mvandenburgh]

My bad, I approved this prematurely before - but agreed, this looks great!

[dandibot]

🚀 PR was released in v0.9.0 🚀