fix(ObjectPage): adjust header shadow

Author: Lukas742

packages/main/src/components/ObjectPage/ObjectPage.module.css

@@ -108,21 +108,29 @@
 .tabContainer {
   position: sticky;
   z-index: 3;
+  background: var(--sapObjectHeader_Background);
+  padding-block-start: 3px;
+  &::after {
+    content: '';
+    pointer-events: none;
+    position: absolute;
+    height: 1px;
+    bottom: -1px;
+    left: 0;
+    width: 100%;
+    box-shadow: var(--sapContent_HeaderShadow);
+  }
 }
 
 .tabContainerComponent {
-  padding-block-start: 3px;
-  background: var(--sapObjectHeader_Background);
   &::part(content) {
     display: none;
   }
 
   &::part(tabstrip) {
     padding: 0;
     padding-inline: var(--_ui5wcr_ObjectPage_tab_bar_inline_padding);
-    box-shadow:
-      inset 0 -0.0625rem var(--sapPageHeader_BorderColor),
-      0 0.125rem 0.25rem 0 rgb(0 0 0 / 8%);
+    box-shadow: none;
   }
 }
 

packages/main/src/components/ObjectPage/index.tsx

@@ -720,7 +720,7 @@ const ObjectPage = forwardRef<ObjectPageDomRef, ObjectPagePropTypes>((props, ref
             className={classNames.tabContainer}
             data-component-name="ObjectPageTabContainer"
             style={{
-              top:
+              insetBlockStart:
                 headerPinned || scrolledHeaderExpanded
                   ? `${topHeaderHeight + (headerCollapsed === true ? 0 : headerContentHeight)}px`
                   : `${topHeaderHeight}px`,