feat(tree): implement comment updates for indigo tree (#1222)

IgniteUI · May 30, 2024 · 885733d · 885733d
1 parent 2e8d9e8
commit 885733d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/tree/themes/shared/item.indigo.scss b/src/components/tree/themes/shared/item.indigo.scss
@@ -4,7 +4,7 @@
 $theme: $indigo;
 
 :host {
-    --igc-tree-indentation-size: #{sizable(rem(8px), rem(12px), rem(16px))};
+    --igc-tree-indentation-size: #{sizable(rem(24px))};
 }
 
 [part~='indicator'] {
@@ -19,6 +19,7 @@ $theme: $indigo;
 [part~='wrapper'] {
     border-radius: rem(4px);
     margin-block-end: rem(4px);
+    padding: 0 pad(8px, 12px, 16px);
 
     &::after {
         border-radius: rem(4px);
@@ -32,9 +33,10 @@ $theme: $indigo;
 :host(:not([disabled])[selected]) {
     [part~='wrapper'] {
         background: var-get($theme, 'background');
-        color: var-get($theme, 'foreground');
 
         &:hover {
+            color: var-get($theme, 'foreground-active');
+
             &::after {
                 background: var-get($theme, 'hover-color');
             }