fix(TabContainer): apply ObjectPage styles only in ObjectPage (#1861)

MarcusNotheis · web-flow · commit 718eb72965e6 · 2021-07-23T09:00:57.000+02:00
diff --git a/packages/main/src/components/ObjectPage/ObjectPageAnchorTab.ts b/packages/main/src/components/ObjectPage/ObjectPageAnchorTab.ts
@@ -118,7 +118,7 @@ class ObjectPageAnchorTab extends Tab {
 
 TabContainer.registerTabStyles(`
 
-.ui5-tab-strip-itemContent {
+:host([data-component-name="ObjectPageTabContainer"]) .ui5-tab-strip-itemContent {
   display: flex;
   align-items: center;
   pointer-events: all;
@@ -132,7 +132,7 @@ TabContainer.registerTabStyles(`
   color: ${ThemingParameters.sapContent_IconColor};
 }
 
-.ui5-tab-strip-itemText[data-active]:hover {
+:host([data-component-name="ObjectPageTabContainer"]) .ui5-tab-strip-itemText[data-active]:hover {
   color: ${ThemingParameters.sapButton_Lite_Hover_TextColor};
 }
 `);

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@ class ObjectPageAnchorTab extends Tab {`
`118`	`118`
`119`	`119`	TabContainer.registerTabStyles(`
`120`	`120`
`121`		`-.ui5-tab-strip-itemContent {`
	`121`	`+:host([data-component-name="ObjectPageTabContainer"]) .ui5-tab-strip-itemContent {`
`122`	`122`	`display: flex;`
`123`	`123`	`align-items: center;`
`124`	`124`	`pointer-events: all;`
@@ -132,7 +132,7 @@ TabContainer.registerTabStyles(`
`132`	`132`	`color: ${ThemingParameters.sapContent_IconColor};`
`133`	`133`	`}`
`134`	`134`
`135`		`-.ui5-tab-strip-itemText[data-active]:hover {`
	`135`	`+:host([data-component-name="ObjectPageTabContainer"]) .ui5-tab-strip-itemText[data-active]:hover {`
`136`	`136`	`color: ${ThemingParameters.sapButton_Lite_Hover_TextColor};`
`137`	`137`	`}`
`138`	`138`	`);