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

Commit aaa8909

Browse files
committed
fix(button): Fix button height in Firefox.
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.
1 parent 7b91b60 commit aaa8909

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/components/button/button.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,11 @@ $icon-button-height: rem(4.800) !default;
1919
$icon-button-width: rem(4.800) !default;
2020
$icon-button-margin: rem(0.600) !default;
2121

22+
// Fix issue causing buttons in Firefox to be 2px bigger than they should
23+
button.md-button::-moz-focus-inner {
24+
border: 0;
25+
}
26+
2227
.md-button {
2328
border-radius: $button-border-radius;
2429
box-sizing: border-box;

0 commit comments

Comments
 (0)