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.

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

Mobile view distorted with new language under search bar #5017

Closed
tdlowden opened this issue Dec 16, 2024 · 4 comments
Closed

Mobile view distorted with new language under search bar #5017

tdlowden opened this issue Dec 16, 2024 · 4 comments
Assignees
Labels
bug Software defect or bug

Comments

@tdlowden
Copy link
Member

The search layout is not ideal on mobile:

Image

How to reproduce

  1. visit catalog.data.gov on mobile

Expected behavior

The extra search operators language spans the width of the screen

Actual behavior

The extra search operators language spans 2/3 the width of the screen because it is interfered with by the search result order dropdown

Sketch

@tdlowden tdlowden added the bug Software defect or bug label Dec 16, 2024
@rshewitt rshewitt moved this to 🏗 In Progress [8] in data.gov team board Dec 17, 2024
@rshewitt rshewitt self-assigned this Dec 17, 2024
@rshewitt
Copy link
Contributor

rshewitt commented Dec 17, 2024

can't replicate it via device toolbar on chrome even with responsive dimensions

@rshewitt
Copy link
Contributor

web inspector for iOS

@rshewitt
Copy link
Contributor

@tdlowden

mobile

Image

desktop

Screen.Recording.2024-12-18.at.10.35.23.AM.mov

@tdlowden
Copy link
Member Author

Looks good. Thanks @rshewitt

@rshewitt rshewitt moved this from 🏗 In Progress [8] to ✔ Done in data.gov team board Dec 18, 2024
@rshewitt rshewitt closed this as completed by moving to ✔ Done in data.gov team board Dec 18, 2024
@Bagesary Bagesary moved this from ✔ Done to 🗄 Closed in data.gov team board Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Software defect or bug
Projects
Status: 🗄 Closed
Development

No branches or pull requests

2 participants