Tab container: Fix flickering of hidden tabs on init

This commit is contained in:
Molkobain
2021-12-13 15:34:17 +01:00
parent a00f4156ea
commit fe7fa2035d
3 changed files with 12 additions and 4 deletions

View File

@@ -4,6 +4,8 @@
*/
/* SCSS variables */
$ibo-tab-container--hidden-tabs-on-init--display: none !default;
$ibo-tab-container--tabs-list--height: 36px !default;
$ibo-tab-container--tabs-list--padding-x: $ibo-spacing-600 !default;
$ibo-tab-container--tabs-list--background-color: $ibo-color-grey-100 !default;
@@ -53,6 +55,12 @@ $ibo-tab-container--tab-container--min-height: auto !default;
$ibo-tab-container--tab-container--last--min-height: 60vh !default;
/* Rules */
.ibo-tab-container:not(.ibo-is-scrollable):not([data-status="loaded"]) {
.ibo-tab-container--tab-container:not(:first-child) {
display: $ibo-tab-container--hidden-tabs-on-init--display;
}
}
.ibo-tab-container--tabs-list {
position: relative;
@extend %ibo-full-height-content;