fix(ObjectPage): align selected tab bottom-border correctly (#7840)

Lukas742 · web-flow · commit 1911dc98f27c · 2025-10-20T14:08:35.000+02:00
Fixes #7812
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.module.css b/packages/main/src/components/ObjectPage/ObjectPage.module.css
@@ -111,13 +111,14 @@
 }
 
 .tabContainerComponent {
+  padding-block-start: 3px;
+  background: var(--sapObjectHeader_Background);
   &::part(content) {
     display: none;
   }
 
   &::part(tabstrip) {
     padding: 0;
-    padding-block-start: 4px;
     padding-inline: var(--_ui5wcr_ObjectPage_tab_bar_inline_padding);
     box-shadow:
       inset 0 -0.0625rem var(--sapPageHeader_BorderColor),

Original file line number	Diff line number	Diff line change
`@@ -111,13 +111,14 @@`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`.tabContainerComponent {`
	`114`	`+ padding-block-start: 3px;`
	`115`	`+ background: var(--sapObjectHeader_Background);`
`114`	`116`	`&::part(content) {`
`115`	`117`	`display: none;`
`116`	`118`	`}`
`117`	`119`
`118`	`120`	`&::part(tabstrip) {`
`119`	`121`	`padding: 0;`
`120`		`- padding-block-start: 4px;`
`121`	`122`	`padding-inline: var(--_ui5wcr_ObjectPage_tab_bar_inline_padding);`
`122`	`123`	`box-shadow:`
`123`	`124`	`inset 0 -0.0625rem var(--sapPageHeader_BorderColor),`