javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): set display type on host

Browse Source
This commit is contained in:
Cam Wiegert
2018-07-16 13:19:16 -05:00
parent 4ed8541579
commit 89d1526708
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/button/button.scss
View File

@ -4,6 +4,7 @@
// --------------------------------------------------
:host {
display: inline-block;
vertical-align: top; // the better option for most scenarios
vertical-align: -webkit-baseline-middle; // the best for those that support it
text-decoration: none;
@ -58,6 +59,10 @@
// Block Button
// --------------------------------------------------
:host(.button-block) {
display: block;
}
:host(.button-block) .button-native {
@include margin-horizontal(0);
@ -77,6 +82,10 @@
// Full Button
// --------------------------------------------------
:host(.button-full) {
display: block;
}
:host(.button-full) .button-native {
@include margin-horizontal(0);