feat(DataTable): adjust expandable row striping (#207)

Expandable rows will now always match the stripe state of the row that toggles them. This fix is related to carbon-react#66 and is required to allow that fix to work properly.
carbon-design-system · Jun 28, 2017 · e1e34ff · e1e34ff
1 parent af538e4
commit e1e34ff
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/data-table/_data-table.scss b/src/components/data-table/_data-table.scss
@@ -103,11 +103,19 @@
 
   // zebra stripes
   .bx--table-body {
-    > .bx--parent-row, > .bx--parent-row + .bx--expandable-row {
+    > .bx--parent-row, > .bx--parent-row {
       background-color: $ui-01;
 
+      & + .bx--expandable-row {
+        background-color: $ui-01;
+      }
+
       &--even {
         background-color: $ui-03;
+
+        & + .bx--expandable-row {
+          background-color: $ui-03;
+        }
       }
     }
   }