Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix search UI for smaller screens #1610

Merged
merged 1 commit into from
May 31, 2023
Merged

Fix search UI for smaller screens #1610

merged 1 commit into from
May 31, 2023

Conversation

mvandenburgh
Copy link
Member

The search UI is unusable on smaller screens. I played around with different viewport heights/widths in the chrome dev tools and fixed all of the issues I could find -

  • Remove some unneeded padding
  • Make file size inputs "dense" to make them look nicer on smaller screens
  • Specify a minimum width for the file size inputs
  • Introduce a bit of responsive design for smaller screens - if the screen is not wide enough to accommodate the search filters on the left and the search results on the right, they will instead stack on top of each other.

@mvandenburgh mvandenburgh merged commit 41bef6f into master May 31, 2023
@mvandenburgh mvandenburgh deleted the improve-search-layout branch May 31, 2023 19:42
@dandibot
Copy link
Member

dandibot commented Jun 6, 2023

🚀 PR was released in v0.3.39 🚀

@dandibot dandibot added the released This issue/pull request has been released. label Jun 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@danlamanna danlamanna danlamanna approved these changes

Assignees
No one assigned
Labels
released This issue/pull request has been released.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@mvandenburgh @dandibot @danlamanna