WordPress.org

Make WordPress Core

Opened 4 years ago

Last modified 4 months ago

#34061 new defect (bug)

customizer search widgets input text is not verticaly aligned and dont have equal spacing from left and right.

Reported by: umesh.nevase Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.9
Component: Customize Keywords: has-patch 2nd-opinion
Focuses: ui, administration Cc:
PR Number:

Description

I 've found some csss issue in customizer styling. When we add widget through customizer, The search box text in 'Add a widget' area is not verticaly aligned and spacing from left and right is not equal. I've attached screenshot for better understanding. We need some css changes. I've checked on latest chrome and firefox.

Attachments (2)

search-widget-text-edited.png (75.4 KB) - added by umesh.nevase 4 years ago.
I've showed issue by arows
34061.diff (721 bytes) - added by umesh.nevase 4 years ago.
patch file for the issues

Download all attachments as: .zip

Change History (6)

@umesh.nevase
4 years ago

I've showed issue by arows

@umesh.nevase
4 years ago

patch file for the issues

#1 @umesh.nevase
4 years ago

  • Keywords has-patch added

#2 @umesh.nevase
4 years ago

  • Focuses accessibility administration added
  • Keywords 2nd-opinion added
  • Version changed from 4.3.1 to 4.3

#3 @afercia
4 years ago

  • Focuses accessibility removed

Related: #34333.

We should try to unify the look of the "Search widget" field with the "Search menu items" field. And yes you're definitely right, the left and right margin are unequal, mainly because input fields have a default 1px margin (never got why) and the weird padding values of the container here try to compensate it.
#34333 kind of overlaps this ticket, will add a note there.

#4 @celloexpressions
4 years ago

  • Version changed from 4.3 to 3.9

I believe this odd spacing dates to the widget customizer feature plugin. Not sure why it was there in the first place, but it was changed for menus previously.

Note: See TracTickets for help on using tickets.