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

fix(tab-bar): safe area padding now added when slot="top" (#23895)

Browse Source 
resolves #23893
This commit is contained in:
Liam DeBeasi
2021-09-08 13:33:16 -04:00
committed by GitHub
parent 8888e2bafd
commit 47829690b5
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
core/src/components/tab-bar/tab-bar.scss
View File

@ -62,6 +62,7 @@
} }
:host([slot="top"]) { :host([slot="top"]) {
padding-top: var(--ion-safe-area-top, 0);
padding-bottom: 0; padding-bottom: 0;
border-top: 0; border-top: 0;
@ -71,4 +72,4 @@
:host(.tab-bar-hidden) { :host(.tab-bar-hidden) {
/* stylelint-disable-next-line declaration-no-important */ /* stylelint-disable-next-line declaration-no-important */
display: none !important; display: none !important;
} }

9
core/src/components/tabs/test/placements/index.html
View File

@ -9,7 +9,14 @@
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet"> <link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../scripts/testing/scripts.js"></script> <script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script> <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script></head> <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
<style>
:root {
--ion-safe-area-top: 20px;
}
</style>
</head>
<body> <body>