fix(List): Fix background colors in table view

mittwald · Dec 20, 2024 · d4f7aa9 · d4f7aa9
1 parent 0d1bd3b
commit d4f7aa9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/packages/components/src/components/List/components/Table/Table.module.css b/packages/components/src/components/List/components/Table/Table.module.css
@@ -3,24 +3,24 @@
     pointer-events: none;
     opacity: 0.5;
   }
-}
 
-.row {
-  &.isSelected {
-    background-color: var(--list-item--background-color--pressed);
-  }
+  .row {
+    &.isSelected {
+      background-color: var(--list-item--background-color--pressed);
+    }
 
-  &:where(.hasAction) {
-    cursor: default;
+    &.hasAction {
+      cursor: default;
 
-    &:not(.isSelected) {
-      &:hover {
-        background-color: var(--list-item--background-color--hover);
-      }
-    }
+      &:not(.isSelected) {
+        &:hover {
+          background-color: var(--list-item--background-color--hover);
+        }
 
-    &[data-pressed] {
-      background-color: var(--list-item--background-color--pressed);
+        &[data-pressed] {
+          background-color: var(--list-item--background-color--pressed);
+        }
+      }
     }
   }
 }
diff --git a/packages/components/src/components/Table/Table.module.scss b/packages/components/src/components/Table/Table.module.scss
@@ -41,7 +41,7 @@
 
   .body {
     .row {
-      &:nth-of-type(odd):not(.footer) {
+      &:where(:nth-of-type(odd):not(.footer)) {
         background-color: var(--table--background-color-accent);
       }
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,7 +41,7 @@ @@
       .body {
         .row {
-          &:nth-of-type(odd):not(.footer) {
+          &:where(:nth-of-type(odd):not(.footer)) {
             background-color: var(--table--background-color-accent);
           }
@@ Expand Down @@