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%; top: 50%;
left: 50%; left: 50%;
transform: translate(- $button-fab-font-size / 2, - $button-fab-font-size / 2); 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; line-height: $button-fab-font-size;
width: $button-fab-font-size; width: $button-fab-font-size;
} }
@ -214,8 +212,11 @@
& .mdl-icon { & .mdl-icon {
position: absolute; position: absolute;
top: ($button-icon-size - $button-fab-font-size) / 2; top: 50%;
left: ($button-icon-size - $button-fab-font-size) / 2; 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 { &.mdl-button--mini-icon {