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 // iOS Footer
// -------------------------------------------------- // --------------------------------------------------
.footer-ios ion-toolbar:first-child { .footer-ios ion-toolbar:first-of-type {
--border-width: #{$hairlines-width} 0 0; --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; --border-width: 0;
} }

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

@ -14,6 +14,6 @@ ion-footer {
z-index: $z-index-toolbar; 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); padding-bottom: var(--ion-safe-area-bottom, 0);
} }

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

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

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

@ -14,6 +14,6 @@ ion-header {
z-index: $z-index-toolbar; 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); padding-top: var(--ion-safe-area-top, 0);
} }