Use consistent stylenames for zebra striping in valo (#13334)

Change-Id: Ieced4208f30749ea99fa40bc64de18647006d5d1

1 files changed, 9 insertions, 9 deletions

diff --git a/WebContent/VAADIN/themes/valo/components/_grid.scss b/WebContent/VAADIN/themes/valo/components/_grid.scss
index 9007c0660e..b318b7c120 100644
--- a/WebContent/VAADIN/themes/valo/components/_grid.scss
+++ b/WebContent/VAADIN/themes/valo/components/_grid.scss
@@ -114,21 +114,21 @@ $grid-border: valo-border($color: $grid-background-color, $strength: 0.8);
     .#{$primary-stylename}-row {
       border-bottom: $grid-border;
       
-      &:nth-child(odd) td {
-        $bg-lightness: if(color-luminance($grid-background-color) < 10, 4%, -4%);
-        background-color: scale-color($grid-background-color, $lightness: $bg-lightness);
-      }
-
-      &:nth-child(even) td {
-        background-color: $grid-background-color;
-      }
-
       &.#{$primary-stylename}-row-active td {
         @include valo-gradient($v-selection-color);
         color: $grid-background-color;
         border-color: adjust-color($v-selection-color, $lightness: -8%, $saturation: -8%);
       }
     }
+
+    .#{$primary-stylename}-row > td {
+        background-color: $grid-background-color;
+    }
+
+    .#{$primary-stylename}-row-stripe > td {
+        $bg-lightness: if(color-luminance($grid-background-color) < 10, 4%, -4%);
+        background-color: scale-color($grid-background-color, $lightness: $bg-lightness);
+    }
   }
 }