Make WordPress Core

Opened 5 years ago

Last modified 5 years ago

#45878 reopened enhancement

Twenty Nineteen: Search widget input field width is too narrow on wide screens

Reported by: crunnells's profile crunnells Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: has-patch needs-testing
Focuses: Cc:

Description

At screens below ~600px, the search input field is 100% of the parent container, but above that it changes to width: auto; which causes it to shrink to ~170px. I suggest we make that a little larger by removing auto and setting a max-width in the CSS.

Below 598px:
https://cldup.com/N7c64xcdCn-2000x2000.png

Above 600px:
https://cldup.com/8WGvnHWHLQ-3000x3000.png

---

This issue was migrated over from Twenty Nineteen's GitHub repository:

https://github.com/WordPress/twentynineteen/issues/747

Attachments (1)

45878.diff (478 bytes) - added by achyuthajoy 5 years ago.
Removed media query to make the search widget input width to 100%

Download all attachments as: .zip

Change History (4)

@achyuthajoy
5 years ago

Removed media query to make the search widget input width to 100%

#1 @achyuthajoy
5 years ago

  • Component changed from General to Themes
  • Keywords has-patch added; needs-patch removed

Haven't added a max-width parameter which would allow the user to add additional CSS without much overrides.

#2 @achyuthajoy
5 years ago

  • Component changed from Themes to Bundled Theme
  • Keywords needs-testing added
  • Resolution set to invalid
  • Status changed from new to closed

#3 @achyuthajoy
5 years ago

  • Resolution invalid deleted
  • Status changed from closed to reopened
Note: See TracTickets for help on using tickets.