diff --git a/packages/core/src/components/nav/nav.scss b/packages/core/src/components/nav/nav.scss index c0fe7d406f..113a2bf48f 100644 --- a/packages/core/src/components/nav/nav.scss +++ b/packages/core/src/components/nav/nav.scss @@ -2,6 +2,19 @@ // -------------------------------------------------- @import "../../themes/util"; + ion-nav { - @extend .ion-page + position: absolute; + + top: 0; + right: 0; + bottom: 0; + left: 0; + + z-index: $z-index-page-container; + + width: 100%; + height: 100%; + + contain: layout size style; } \ No newline at end of file diff --git a/packages/core/src/components/page/page.scss b/packages/core/src/components/page/page.scss index 8c4babdc97..fe0f87dd20 100644 --- a/packages/core/src/components/page/page.scss +++ b/packages/core/src/components/page/page.scss @@ -2,7 +2,20 @@ // -------------------------------------------------- @import "../../themes/util"; + ion-page { - @extend .ion-page + position: absolute; + + top: 0; + right: 0; + bottom: 0; + left: 0; + + z-index: $z-index-page-container; + + width: 100%; + height: 100%; + + contain: layout size style; } diff --git a/packages/core/src/components/tabs/tabs.scss b/packages/core/src/components/tabs/tabs.scss index 40e0a5920d..508b7de7ad 100644 --- a/packages/core/src/components/tabs/tabs.scss +++ b/packages/core/src/components/tabs/tabs.scss @@ -8,9 +8,23 @@ // -------------------------------------------------- ion-tabs { + position: absolute; + + top: 0; + right: 0; + bottom: 0; + left: 0; + + z-index: $z-index-page-container; + display: flex; flex-direction: column; + + width: 100%; + height: 100%; + + contain: layout size style; } .tabs-inner { @@ -65,6 +79,7 @@ ion-tabbar.placement-top { } ion-tab-button { + box-sizing: border-box; @include margin(0); @include text-align(center); @include border-radius(0); @@ -219,12 +234,3 @@ ion-tabbar.scrollable .scroll-inner { ion-tabbar.scrollable ion-button.inactive { visibility: hidden; } - - -ion-tabs { - @extend .ion-page -} - -ion-tab-button { - box-sizing: border-box; -} diff --git a/packages/core/src/themes/ionic.globals.scss b/packages/core/src/themes/ionic.globals.scss index f596ff4ef2..fbda7510d7 100644 --- a/packages/core/src/themes/ionic.globals.scss +++ b/packages/core/src/themes/ionic.globals.scss @@ -47,19 +47,3 @@ $z-index-item-options: 1; // scss-lint:disable DefaultRule $z-index-item-divider: 100; // scss-lint:disable DefaultRule $z-index-reorder-selected: 100; // scss-lint:disable DefaultRule - -.ion-page { - position: absolute; - - top: 0; - left: 0; - right: 0; - bottom: 0; - - z-index: $z-index-page-container; - - width: 100%; - height: 100%; - - contain: layout size style; -} \ No newline at end of file