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

fix: border in search field #1631

Closed
wants to merge 1 commit into from
Closed

Conversation

AIDEA775
Copy link

@AIDEA775 AIDEA775 commented Jan 5, 2024

When hovering over the search field, the 2px border makes it expand and take up more space, causing the content around it to be shifted.

Using an outline, the search field doesn't use additional space.

This is more noticiable in sites like https://sphinx-book-theme.readthedocs.io/

When hovering over the search field,
the 2px border makes it expand and take up more space,
causing the content around it to be shifted.

Using an outline, the search field doesn't use additional space.
Copy link
Collaborator

@choldgraf choldgraf left a comment

Choose a reason for hiding this comment

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

For comparison, here's a GIF of old and new behavior:

CleanShot 2024-01-05 at 13 11 37

Seems like a good fix to me 👍 thanks!

@drammock
Copy link
Collaborator

drammock commented Jan 5, 2024

ping @gabalafou, this seems like something in your wheelhouse --- you may have even already done this on the feature-focus branch?

@gabalafou
Copy link
Collaborator

Correct. It should be fixed in #1564.

For some reason the latest Read the Docs preview build failed, but you can verify the fix in the last successful Read the Docs build

@gabalafou
Copy link
Collaborator

While I appreciate work done in this PR to improve the theme, I would prefer if we do not merge this code because Bootstrap uses box-shadow for a number of effects, and so to play nicely with Bootstrap and avoid double halos around elements, where you get a :hover outline and a :focus-visible box-shadow, #1564 uses box-shadow instead of outline.

@AIDEA775
Copy link
Author

AIDEA775 commented Jan 5, 2024

Oh! I didn't see your PR before. Your fix looks better, kudos! I will close this one.

@AIDEA775 AIDEA775 closed this Jan 5, 2024
@choldgraf
Copy link
Collaborator

@gabalafou do we have a list of items to get into the feature-focus branch before merging it? Or more generally, what's the process by which we'll decide it is ready to merge and then do so?

@gabalafou
Copy link
Collaborator

gabalafou commented Jan 5, 2024

There are 3 remaining PRs waiting be merged into the feature-focus branch. Once those are merged, and any failing checks are addressed, then the whole PR (#1564) will be ready for review. Review should hopefully be swift, as all of the code in the PR already went through one round of review. I'm thinking that review would be giving the whole set of code changes a high-level scan, as well as some spot checking against the preview build.

@choldgraf
Copy link
Collaborator

Amazing - that sounds like a good plan to me.

I'm thinking that review would be giving the whole set of code changes a high-level scan, as well as some spot checking against the preview build

I agree with this take - IMO it's already been vetted through your numerous PRs already, so there should be a quick pass for any really obvious regressions, but if nothing obvious pops out we just merge it and iterate from there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants