increase number of styles for indented TreeGrid rows, fixes #11358 (#11392)

diff --git a/server/src/main/java/com/vaadin/ui/TreeGrid.java b/server/src/main/java/com/vaadin/ui/TreeGrid.java
index b9e9508e24d7c6741aaa7603565726122f193d91..9c01daa047da658ef797b064b0c8715b1c4b368a 100644 (file)
--- a/server/src/main/java/com/vaadin/ui/TreeGrid.java
+++ b/server/src/main/java/com/vaadin/ui/TreeGrid.java
@@ -55,6 +55,9 @@ import com.vaadin.ui.declarative.DesignFormatter;
 /**
  * A grid component for displaying hierarchical tabular data.
  *
+ * Visual hierarchy depth positioning of rows is done via styles, see
+ * <code>_treegrid.scss</code> from Valo theme.
+ *
  * @author Vaadin Ltd
  * @since 8.1
  *

diff --git a/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss b/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
index ca2078e410f6f96c9f6fc0bd1bcf18c90792e90f..5536a36904c9f85cd610c916c1063595c77f840f 100644 (file)
--- a/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
+++ b/themes/src/main/themes/VAADIN/themes/valo/components/_treegrid.scss
@@ -55,7 +55,8 @@ $v-treegrid-class-depth: depth !default;
 
   // Hierarchy depth styling
   .#{$primary-stylename}-node {
-    @for $i from 0 through 15 {
+    // see https://github.com/vaadin/framework/issues/11358
+    @for $i from 0 through 31 {
       &.#{$v-treegrid-class-depth}-#{$i} {
         padding-left: $v-treegrid-indent * $i;
       }