javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tab-bar): safe-bottom area is applied correctly (#16179)

Browse Source 
* fix(tab-bar): safe-bottom area is applied correctly

fixes #16175

* add test
This commit is contained in:
Manu MA
2018-11-01 18:29:33 +01:00
committed by GitHub
parent 9c79d9856f
commit 1532bd2f48
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,9 @@
contain: strict;
user-select: none;
z-index: $z-index-toolbar;
box-sizing: content-box;
/* stylelint-disable-next-line declaration-no-important */
box-sizing: content-box !important;
}
:host(.ion-color) {

6
core/src/components/tabs/test/basic/index.html
View File

@@ -8,6 +8,12 @@
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../dist/ionic.js"></script>
<style>
:root {
--ion-safe-area-bottom: 40px;
}
</style>
</head>
<body>