Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Commit

Permalink
fix(button): Fix button height in Firefox.
Browse files Browse the repository at this point in the history
A `<button>` tag with the `.md-button` class added was rendering
at 38px height instead of the spec's 36px. This was due to the
`::-moz-focus-inner` pseudo-class having a default border greater
than 0.

Fixes #3291.
  • Loading branch information
topherfangio committed Oct 2, 2015
1 parent 7b91b60 commit aaa8909
Showing 1 changed file with 5 additions and 0 deletions.
5 changes: 5 additions & 0 deletions src/components/button/button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,11 @@ $icon-button-height: rem(4.800) !default;
$icon-button-width: rem(4.800) !default;
$icon-button-margin: rem(0.600) !default;

// Fix issue causing buttons in Firefox to be 2px bigger than they should
button.md-button::-moz-focus-inner {
border: 0;
}

.md-button {
border-radius: $button-border-radius;
box-sizing: border-box;
Expand Down

0 comments on commit aaa8909

Please sign in to comment.