From 48a82a07500fb6b55ce474f77c36c36d5567dfb5 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 17 Nov 2024 09:39:07 +0100 Subject: Fix tabs --- src/objects/_tabs.scss | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss index c1fcb56..447c020 100644 --- a/src/objects/_tabs.scss +++ b/src/objects/_tabs.scss @@ -12,14 +12,19 @@ @include materialize-at-root(meta.module-variables('vars')); @include bem.object('tabs') { - display: flex; - flex: 1 1 auto; - gap: props.get(vars.$spacing); - min-inline-size: 0; - block-size: 100%; - padding-inline: calc(.5 * props.get(vars.$spacing)); - margin-inline: calc(-.5 * props.get(vars.$spacing)); - overflow-inline: auto; + block-size: 100%; + overflow: hidden; + + @include bem.elem('tabs-inner') { + display: flex; + flex: 1 1 auto; + gap: props.get(vars.$spacing); + min-inline-size: 0; + block-size: 100%; + padding-inline: calc(.5 * props.get(vars.$spacing)); + margin-inline: calc(-.5 * props.get(vars.$spacing)); + overflow-inline: auto; + } @include bem.elem('tab') { position: relative; -- cgit v1.2.3-70-g09d2