Skip to content

Fix: [Admin reskin] Add Plugins search field border is not OK on small screen#11185

Open
hbhalodia wants to merge 1 commit intoWordPress:trunkfrom
hbhalodia:fix/issue-64809
Open

Fix: [Admin reskin] Add Plugins search field border is not OK on small screen#11185
hbhalodia wants to merge 1 commit intoWordPress:trunkfrom
hbhalodia:fix/issue-64809

Conversation

@hbhalodia
Copy link

@hbhalodia hbhalodia commented Mar 6, 2026

Trac ticket: https://core.trac.wordpress.org/ticket/64809

  • Target specific search form only when we have search results for the screen size.
  • Else we are already having a margin of 11px.
  • If we do not target specific when we have search results, it leads to extra spacing when there are no search results. So it goes to single line on specifc screen size without search results.

Use of AI Tools

  • None

Screenshsots

  1. With fix and search results
Screenshot 2026-03-06 at 12 05 19 PM
  1. With fix and search results above 1250px.
Screenshot 2026-03-06 at 12 05 29 PM --- **This Pull Request is for code review only. Please keep all other discussion in the Trac ticket. Do not merge this Pull Request. See [GitHub Pull Requests for Code Review](https://make.wordpress.org/core/handbook/contribute/git/github-pull-requests-for-code-review/) in the Core Handbook for more details.**

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

Core Committers: Use this line as a base for the props when committing in SVN:

Props hbhalodia, huzaifaalmesbah, shailu25.

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

  • All changes will be lost when closing a tab with a Playground instance.
  • All changes will be lost when refreshing the page.
  • A fresh instance is created each time the link below is clicked.
  • Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
    it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

@huzaifaalmesbah
Copy link
Member

I tested this PR fix at a 1140px screen width.
Before:
Huzaifa-20260306142840

After:
Huzaifa-20260306142715

@shail-mehta
Copy link
Member

Plugin Search Border Issue is Resolved with PR✅

Before After
before-patch after-patch

}
}

@media only screen and (max-width: 1250px) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Why 1250px? WordPress doesn't use this breakpoint anywhere else, so I'm inclined to change this to 1200px unless there's a strong reason to leave it at 1250.

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