Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-23 14:25:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix not well aligned icons inside fab

Browse source
This commit is contained in:
Marcos Moura 2016-10-17 21:03:17 -02:00
parent 0c852b659e
commit 4c97d6a265
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/mdButton/mdButton.scss
View file

@ -18,7 +18,6 @@ $button-icon-size: 40px;
padding: 0 16px;
display: inline-block;
position: relative;
align-items: center;
overflow: hidden;
user-select: none;
cursor: pointer;
@ -65,6 +64,23 @@ $button-icon-size: 40px;
box-shadow: $material-shadow-2dp;
}
&.md-dense {
min-height: $button-dense-height;
line-height: $button-dense-height;
font-size: 13px;
}
&.md-icon-button,
&.md-fab {
.md-icon {
margin-top: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
&.md-icon-button {
width: $button-icon-size;
min-width: $button-icon-size;
@ -85,7 +101,7 @@ $button-icon-size: 40px;
min-width: $button-dense-height;
height: $button-dense-height;
min-height: $button-dense-height;
padding: 0;
padding: 4px;
line-height: $button-dense-height;
}
@ -123,22 +139,14 @@ $button-icon-size: 40px;
}
}
&.md-dense {
min-height: $button-dense-height;
line-height: $button-dense-height;
font-size: 13px;
}
&.md-fab {
width: $button-fab-size;
height: $button-fab-size;
min-width: 0;
padding: 0;
overflow: hidden;
box-shadow: $material-shadow-2dp;
border-radius: $button-fab-size;
line-height: $button-fab-size;
vertical-align: middle;
background-clip: padding-box;
transition: $swift-ease-in;
transition-property: background-color,