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

fix(buttons): margin between buttons

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-08-20 19:01:24 +02:00
parent 94ea0a6d73
commit 359c47f7b8
3 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,7 +118,7 @@
@include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start)); @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
display: inline-block; display: block;
position: relative; position: relative;
height: var(--height); height: var(--height);

4
core/src/components/buttons/buttons.md.scss
View File

@ -4,10 +4,6 @@
// Material Design Toolbar Button Default // Material Design Toolbar Button Default
// -------------------------------------------------- // --------------------------------------------------
:host {
@include margin(0, 2px);
}
::slotted(*) .button { ::slotted(*) .button {
--padding-top: 0; --padding-top: 0;
--padding-bottom: 0; --padding-bottom: 0;

2
core/src/components/buttons/buttons.scss
View File

@ -25,6 +25,8 @@
--padding-end: 0; --padding-end: 0;
--box-shadow: none; --box-shadow: none;
@include margin-horizontal(2px, 2px);
pointer-events: auto; pointer-events: auto;
} }