refactored back styles nesting under stylelint rule

oksanashopify · oksanashopify · commit 342f9a4227b6 · 2023-10-13T15:10:09.000Z
diff --git a/polaris-react/src/components/IndexTable/IndexTable.scss b/polaris-react/src/components/IndexTable/IndexTable.scss
@@ -794,8 +794,10 @@ $loading-panel-height: 53px;
     }
 
     // stylelint-disable-next-line selector-max-combinators, selector-max-class, selector-max-specificity -- makes first column background secondary for subheader row type
-    .TableRow-subheader .TableCell:first-child {
-      background-color: var(--p-color-bg-surface-secondary);
+    .TableRow-subheader {
+      .TableCell:first-child {
+        background-color: var(--p-color-bg-surface-secondary);
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -794,8 +794,10 @@ $loading-panel-height: 53px;`
`794`	`794`	`}`
`795`	`795`
`796`	`796`	`// stylelint-disable-next-line selector-max-combinators, selector-max-class, selector-max-specificity -- makes first column background secondary for subheader row type`
`797`		`- .TableRow-subheader .TableCell:first-child {`
`798`		`- background-color: var(--p-color-bg-surface-secondary);`
	`797`	`+ .TableRow-subheader {`
	`798`	`+ .TableCell:first-child {`
	`799`	`+ background-color: var(--p-color-bg-surface-secondary);`
	`800`	`+ }`
`799`	`801`	`}`
`800`	`802`	`}`
`801`	`803`