From f7ba87fd3dea699c3227adf9ab932974a4ffdb24 Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 12:05:42 +0800 Subject: [PATCH 1/7] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E9=98=B2=E6=AD=A2=E6=BA=A2=E5=87=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index f18d6bb2438..cc1b11d8509 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -207,6 +207,8 @@ background-color: var(--bs-body-bg); padding: var(--bb-tabs-body-padding); flex: 1; + height: 1%; + min-height: 0; } .tabs .tabs-content { From 762fd679710289eb23ad6bdf52ed6354f16425cf Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 12:05:56 +0800 Subject: [PATCH 2/7] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E5=85=A8?= =?UTF-8?q?=E5=B1=8F=E9=80=82=E9=85=8D=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index cc1b11d8509..64103461c3a 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -14,6 +14,12 @@ display: flex; flex-flow: column; + &:fullscreen { + > .tabs-body { + overflow: auto; + } + } + .tabs-body-content { background-color: var(--bs-body-bg); From eb28103a4297fc55ef25d45b6b81f9ce8d4b0f07 Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 12:37:03 +0800 Subject: [PATCH 3/7] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=E7=BA=A6?= =?UTF-8?q?=E6=9D=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 64103461c3a..739d71ec5a2 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -209,7 +209,7 @@ } } -.tabs .tabs-body { +.tabs > .tabs-body { background-color: var(--bs-body-bg); padding: var(--bb-tabs-body-padding); flex: 1; From 44b95dfdb5c09d5da01412c50c925f7371246a4b Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 12:37:29 +0800 Subject: [PATCH 4/7] =?UTF-8?q?style:=20=E7=A7=BB=E9=99=A4=E4=B8=8D?= =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Tab/Tab.razor.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 739d71ec5a2..29c3efc59b2 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -217,10 +217,6 @@ min-height: 0; } -.tabs .tabs-content { - position: relative; -} - /*Card*/ .tabs.tabs-card, .tabs.tabs-border-card { From c7af12431b908cd6c6e11418a1b3bde87e26013c Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 12:37:46 +0800 Subject: [PATCH 5/7] =?UTF-8?q?style:=20=E7=A7=BB=E9=99=A4=E4=B8=8D?= =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Layout/Layout.razor.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss index 1d5b9895cfe..bc72ec5f7b6 100644 --- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss +++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss @@ -275,8 +275,7 @@ .layout-main > .tabs { height: calc(var(--bb-layout-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height)); - .tabs-body { - height: calc(100% - var(--bb-tabs-item-height)); + > .tabs-body { overflow: auto; } } From e9ebfaefd072bf294ada0e58e35936d55d5d375a Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 14:36:29 +0800 Subject: [PATCH 6/7] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=20Layout=20?= =?UTF-8?q?=E4=B8=8B=20Tab=20=E5=85=A8=E5=B1=8F=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/BootstrapBlazor/Components/Layout/Layout.razor.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss index bc72ec5f7b6..91db68349db 100644 --- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss +++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss @@ -137,6 +137,11 @@ position: relative; flex: 1; + > .tabs:fullscreen { + --bb-layout-header-height: 0px; + --bb-layout-footer-height: 0px; + } + .tabs.tabs-border-card { box-shadow: none; } From 8e721e7e9c6ffd1a5c42961a95807967fdeb56ec Mon Sep 17 00:00:00 2001 From: Argo Zhang Date: Sun, 4 May 2025 14:36:54 +0800 Subject: [PATCH 7/7] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=20Tab=20?= =?UTF-8?q?=E5=85=A8=E5=B1=8F=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Components/Tab/Tab.razor.scss | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 29c3efc59b2..55c3799230f 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -20,6 +20,20 @@ } } + &:not(:has(> .tabs-header)) { + > .tabs-body { + --bb-tabs-item-height: 0px; + } + } + + > .tabs-body { + background-color: var(--bs-body-bg); + padding: var(--bb-tabs-body-padding); + flex: 1; + height: 1%; + min-height: 0; + } + .tabs-body-content { background-color: var(--bs-body-bg); @@ -209,14 +223,6 @@ } } -.tabs > .tabs-body { - background-color: var(--bs-body-bg); - padding: var(--bb-tabs-body-padding); - flex: 1; - height: 1%; - min-height: 0; -} - /*Card*/ .tabs.tabs-card, .tabs.tabs-border-card {