Make WordPress Core

Opened 4 years ago

Closed 3 years ago

#17886 closed enhancement (fixed)

Buttons in Admin Interface are too thick in Firefox

Reported by: Alhadis Owned by:
Milestone: 3.5 Priority: normal
Severity: trivial Version: 3.2
Component: UI Keywords: has-patch ui-feedback
Focuses: Cc:


Buttons appear thicker in Firefox than other browsers.

Solution: Use the ::-moz-focus-inner pseudoelement to set the appropriate padding.

Attachments (2)

comparison.png (97.2 KB) - added by Alhadis 4 years ago.
17886.patch (311 bytes) - added by ocean90 4 years ago.

Download all attachments as: .zip

Change History (7)

4 years ago

#1 @ocean90
4 years ago

  • Component changed from General to UI
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

Noticed thos yesterday on one of my sites too. We should add ::-moz-focus-inner: 0 too our reset code.

Version 0, edited 4 years ago by ocean90 (next)

4 years ago

#2 @ocean90
4 years ago

  • Keywords has-patch added; needs-patch removed

#3 @WraithKenny
4 years ago

There's talk about a big CSS cleanup push for 3.3 including dropping the css reset (See http://make.wordpress.org/ui/2011/07/01/the-big-css-overhaul-in-3-3-part-ii/ ). We should use normalize.css below which includes your fix.

as reference:
http://html5boilerplate.com/ (which adopted the normalize.css)
and originally at http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/

#4 @SergeyBiryukov
4 years ago

  • Keywords ui-feedback added

#5 @helenyhou
3 years ago

  • Milestone changed from Future Release to 3.5
  • Resolution set to fixed
  • Status changed from new to closed

Looks like this got fixed with the updated button styles for #21598.

Note: See TracTickets for help on using tickets.