WordPress.org

Make WordPress Core

Opened 5 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:

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

Download all attachments as: .zip

Change History (7)

@Alhadis
5 years ago

#1 @ocean90
5 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 5 years ago by ocean90 (previous) (diff)

@ocean90
5 years ago

#2 @ocean90
5 years ago

  • Keywords has-patch added; needs-patch removed

#3 @WraithKenny
5 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/

#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.