WordPress.org

Make WordPress Core

Opened 3 years ago

Closed 18 months 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:

Description

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 3 years ago.
17886.patch (311 bytes) - added by ocean90 3 years ago.

Download all attachments as: .zip

Change History (7)

Alhadis3 years ago

comment:1 ocean903 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{ border :0; } too our reset code.

Last edited 3 years ago by ocean90 (previous) (diff)

ocean903 years ago

comment:2 ocean903 years ago

  • Keywords has-patch added; needs-patch removed

comment:3 WraithKenny3 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:
https://github.com/necolas/normalize.css/blob/master/normalize.css
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 SergeyBiryukov3 years ago

  • Keywords ui-feedback added

comment:5 helenyhou18 months 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.