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

BUG - center search dialog on wide screens #2085

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

gabalafou
Copy link
Collaborator

@gabalafou gabalafou commented Dec 19, 2024

I noticed while reading the docs that on very wide screens, the search dialog was off center.

This PR gets rid of all unnecessary CSS that was left over from when the search dialog was implemented without the built-in benefits of the HTML modal dialog element.

How to test

  1. Go to the preview docs build for this PR.
  2. Make your screen really wide > 2000px.
  3. Click on the search button in the header nav.
  4. The search dialog should be centered now.
  5. For good measure, type something in the search bar and hit enter.

@gabalafou
Copy link
Collaborator Author

I tested this PR locally on my machine on Firefox, Safari, Chrome. I also tested on the iOS simulator.

@gabalafou gabalafou added the kind: bug Something isn't working label Dec 19, 2024
Copy link
Collaborator

@drammock drammock left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, this had been bugging me!

Copy link

Coverage report

This PR does not seem to contain any modification to coverable code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
kind: bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants