Merge pull request #7368 from IgniteUI/ibarakov/fix-7299-8.2.x

Implement support for up to 25 levels #7299

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-component.scss

@@ -515,6 +515,9 @@
         @include e(group-row, $m: padding-level-#{$i}) {
             @extend %igx-grid__group-row--padding-level-#{$i} !optional;
         }
+    }
+
+    @for $i from 1 through 25 {
         @include e(tree-cell, $m: padding-level-#{$i}) {
             @extend %igx-grid__tree-cell--padding-level-#{$i} !optional;
         }
@@ -614,6 +617,9 @@
             @include e(group-row, $m: padding-level-#{$i}) {
                 @extend %igx-grid__group-row--padding-cosy-level-#{$i} !optional;
             }
+        }
+
+        @for $i from 1 through 25 {
             @include e(tree-cell, $m: padding-level-#{$i}) {
                 @extend %igx-grid__tree-cell-cosy--padding-level-#{$i} !optional;
             }
@@ -714,6 +720,9 @@
             @include e(group-row, $m: padding-level-#{$i}) {
                 @extend %igx-grid__group-row-compact--padding-level-#{$i} !optional;
             }
+        }
+
+        @for $i from 1 through 25 {
             @include e(tree-cell, $m: padding-level-#{$i}) {
                 @extend %igx-grid__tree-cell-compact--padding-level-#{$i} !optional;
             }

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -1996,10 +1996,6 @@
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
         }
 
-        %igx-grid__tree-cell--padding-level-#{$i} {
-            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
-        }
-
         // COSY
         %igx-grid__row-indentation-cosy--level-#{$i} {
             padding-#{$left}: calc(#{$i*map-get($grid-grouping-indicator-padding, 'cosy')} + #{$indicator-icon-width});
@@ -2009,10 +2005,6 @@
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
         }
 
-        %igx-grid__tree-cell-cosy--padding-level-#{$i} {
-            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
-        }
-
         // COMPACT
         %igx-grid__row-indentation-compact--level-#{$i} {
             padding-#{$left}: calc(#{$i*map-get($grid-grouping-indicator-padding, 'compact')} + #{$indicator-icon-width});
@@ -2021,6 +2013,16 @@
         %igx-grid__group-row-compact--padding-level-#{$i} {
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'compact')};
         }
+    }
+
+    @for $i from 1 through 25 {
+        %igx-grid__tree-cell--padding-level-#{$i} {
+            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'comfortable')};
+        }
+
+        %igx-grid__tree-cell-cosy--padding-level-#{$i} {
+            padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'cosy')};
+        }
 
         %igx-grid__tree-cell-compact--padding-level-#{$i} {
             padding-#{$left}: #{$i*map-get($grid-grouping-indicator-padding, 'compact')};