From 47829690b538903b70ad4fe77657404013270263 Mon Sep 17 00:00:00 2001 From: Liam DeBeasi Date: Wed, 8 Sep 2021 13:33:16 -0400 Subject: [PATCH] fix(tab-bar): safe area padding now added when slot="top" (#23895) resolves #23893 --- core/src/components/tab-bar/tab-bar.scss | 3 ++- core/src/components/tabs/test/placements/index.html | 9 ++++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/core/src/components/tab-bar/tab-bar.scss b/core/src/components/tab-bar/tab-bar.scss index ee703639fb..a75892261c 100644 --- a/core/src/components/tab-bar/tab-bar.scss +++ b/core/src/components/tab-bar/tab-bar.scss @@ -62,6 +62,7 @@ } :host([slot="top"]) { + padding-top: var(--ion-safe-area-top, 0); padding-bottom: 0; border-top: 0; @@ -71,4 +72,4 @@ :host(.tab-bar-hidden) { /* stylelint-disable-next-line declaration-no-important */ display: none !important; -} \ No newline at end of file +} diff --git a/core/src/components/tabs/test/placements/index.html b/core/src/components/tabs/test/placements/index.html index 711c413fe5..424eb0d421 100644 --- a/core/src/components/tabs/test/placements/index.html +++ b/core/src/components/tabs/test/placements/index.html @@ -9,7 +9,14 @@ - + + + +