style(datatable): isolate row hover styles from Toggletip links (#16918)

* style(datatable): isolate row hover styles from Toggletip links Changes: - Improve CSS selector which modifies inline links when their parent row is hovered over. Isolate the color change from affecting links within an adjacent cell's toggletip. * test: temporary story to test tooltips within data tables * test: remove temporary table tooltip story --------- Co-authored-by: Taylor Jones <[email protected]>
carbon-design-system · Aug 28, 2024 · 67d255d · 67d255d
1 parent e99eca3
commit 67d255d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss
@@ -121,16 +121,16 @@
   }
 
   .#{$prefix}--data-table
-    tr
-    + :not(.#{$prefix}--popover-container):hover
-    .#{$prefix}--link {
+    tr:hover
+    .#{$prefix}--link:not(.#{$prefix}--popover-container .#{$prefix}--link) {
     color: $link-secondary;
   }
 
   .#{$prefix}--data-table
-    tr
-    + :not(.#{$prefix}--popover-container):hover
-    .#{$prefix}--link--disabled {
+    tr:hover
+    .#{$prefix}--link--disabled:not(
+      .#{$prefix}--popover-container .#{$prefix}--link
+    ) {
     color: $text-disabled;
   }