diff --git a/packages/main/src/components/ObjectPage/ObjectPage.module.css b/packages/main/src/components/ObjectPage/ObjectPage.module.css index ae6f2a8ad2f..4d230732c49 100644 --- a/packages/main/src/components/ObjectPage/ObjectPage.module.css +++ b/packages/main/src/components/ObjectPage/ObjectPage.module.css @@ -105,21 +105,15 @@ z-index: 4; } +.tabContainerSpacer { + height: 3px; + background: var(--sapObjectHeader_Background); +} + .tabContainer { position: sticky; z-index: 3; background: var(--sapObjectHeader_Background); - padding-block-start: 3px; - &::after { - content: ''; - pointer-events: none; - position: absolute; - height: 1px; - inset-block-end: -1px; - inset-inline-start: 0; - width: 100%; - box-shadow: var(--sapContent_HeaderShadow); - } } .tabContainerComponent { @@ -130,7 +124,6 @@ &::part(tabstrip) { padding: 0; padding-inline: var(--_ui5wcr_ObjectPage_tab_bar_inline_padding); - box-shadow: none; } } diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx index b46abd398f1..c865b3954b1 100644 --- a/packages/main/src/components/ObjectPage/index.tsx +++ b/packages/main/src/components/ObjectPage/index.tsx @@ -726,6 +726,8 @@ const ObjectPage = forwardRef((props, ref : `${topHeaderHeight}px`, }} > + {/* Spacer required to prevent overlapping of tabbar btns and expand/pin btns*/} +