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(toolbar): properly apply safe area and border (#20375)

Browse Source 
fixes #20354
This commit is contained in:
Liam DeBeasi
2020-02-04 12:58:44 -05:00
committed by GitHub
parent a25007f54f
commit 4971499026
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/footer/footer.ios.scss
View File

@ -4,7 +4,7 @@
// iOS Footer
// --------------------------------------------------
.footer-ios ion-toolbar:first-child {
.footer-ios ion-toolbar:first-of-type {
--border-width: #{$hairlines-width} 0 0;
}
@ -21,6 +21,6 @@
}
}
.footer-ios.ion-no-border ion-toolbar:first-child {
.footer-ios.ion-no-border ion-toolbar:first-of-type {
--border-width: 0;
}

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

@ -14,6 +14,6 @@ ion-footer {
z-index: $z-index-toolbar;
}
ion-footer ion-toolbar:last-child {
ion-footer ion-toolbar:last-of-type {
padding-bottom: var(--ion-safe-area-bottom, 0);
}

6
core/src/components/header/header.ios.scss
View File

@ -4,7 +4,7 @@
// iOS Header
// --------------------------------------------------
.header-ios ion-toolbar:last-child {
.header-ios ion-toolbar:last-of-type {
--border-width: 0 0 #{$hairlines-width};
}
@ -21,7 +21,7 @@
}
}
.header-ios.ion-no-border ion-toolbar:last-child {
.header-ios.ion-no-border ion-toolbar:last-of-type {
--border-width: 0;
}
@ -36,7 +36,7 @@
top: 0;
}
.header-collapse-condense ion-toolbar:first-child {
.header-collapse-condense ion-toolbar:first-of-type {
padding-top: 7px;
z-index: 1;

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

@ -14,6 +14,6 @@ ion-header {
z-index: $z-index-toolbar;
}
ion-header ion-toolbar:first-child {
ion-header ion-toolbar:first-of-type {
padding-top: var(--ion-safe-area-top, 0);
}