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

fix(all): safe margins for fab, item-header, tabbar

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-09-26 20:53:25 +02:00
parent 171ef04773
commit 62eff0a5dc
8 changed files with 26 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/item-option/item-option.ios.scss
View File

@ -15,11 +15,3 @@
:host(.ion-color.activated) {
background: current-color(shade);
}
:host(.in-list.item-options-end:last-child) {
@include safe-area-padding-horizontal(null, .7em);
}
:host(.in-list.item-options-start:first-child) {
@include safe-area-padding-horizontal(.7em, null);
}

19
core/src/components/item-option/item-option.scss
View File

@ -17,6 +17,18 @@
font-family: $font-family-base;
}
:host(.in-list.item-options-end:last-child) {
@include padding-horizontal(
null, calc(.7em + var(--ion-safe-area-right))
);
}
:host(.in-list.item-options-start:first-child) {
@include padding-horizontal(
calc(.7em + var(--ion-safe-area-left)), null
);
}
:host(.ion-color) {
background: current-color(base);
color: current-color(contrast);
@ -52,13 +64,6 @@
width: 100%;
height: 100%;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
::slotted([slot="icon-only"]) {