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)

@Alhadis4 years ago

comment:1 @ocean904 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)

@ocean904 years ago

comment:2 @ocean904 years ago

  • Keywords has-patch added; needs-patch removed

comment:3 @WraithKenny4 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/

comment:4 @SergeyBiryukov4 years ago

  • Keywords ui-feedback added

comment:5 @helenyhou3 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.