google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix icon placement on retina in Firefox (fixes #275)

master
Alexander Surma 2015-05-12 16:27:10 +01:00
parent 8a477402b6
commit 19706aa539
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/button/_button.scss
View File

@ -140,8 +140,6 @@
top: 50%;
left: 50%;
transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);
/*top: ($button-fab-size - $button-fab-font-size) / 2;
left: ($button-fab-size - $button-fab-font-size) / 2;*/
line-height: $button-fab-font-size;
width: $button-fab-font-size;
}
@ -214,8 +212,11 @@
& .mdl-icon {
position: absolute;
top: ($button-icon-size - $button-fab-font-size) / 2;
left: ($button-icon-size - $button-fab-font-size) / 2;
top: 50%;
left: 50%;
transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2);
line-height: $button-fab-font-size;
width: $button-fab-font-size;
}
&.mdl-button--mini-icon {