diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss index 5bbba8f84f4..2223199b970 100644 --- a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss +++ b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss @@ -233,10 +233,13 @@ } &.is-fixed-tab { - .tabs-header { - position: sticky; - top: var(--bb-layout-header-height); - z-index: 5; + .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)); + overflow: auto; + } } } } diff --git a/src/BootstrapBlazor/Components/Menu/Menu.razor b/src/BootstrapBlazor/Components/Menu/Menu.razor index bc9846bfbdc..f1410329757 100644 --- a/src/BootstrapBlazor/Components/Menu/Menu.razor +++ b/src/BootstrapBlazor/Components/Menu/Menu.razor @@ -6,11 +6,11 @@ @if (IsVertical) { - + } else { - + } diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss index 8fdeba5fbeb..00b5e5c8715 100644 --- a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss +++ b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss @@ -15,7 +15,6 @@ .tabs-body-content { background-color: var(--bs-body-bg); - height: 100%; &.bb-fs-open { padding: var(--bb-tabs-body-padding);