fix(tree): fix igx-circular-bar in context of tree component (#15629)

desig9stein · simeonoff · web-flow · commit 1fb2e40f32ea · 2025-04-02T10:31:16.000+03:00
Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tree/_tree-theme.scss
@@ -288,9 +288,7 @@
         }
 
         igx-circular-bar {
-            --circular-bar: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
-            width: var(--circular-bar);
-            height: var(--circular-bar);
+            --diameter: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -288,9 +288,7 @@`
`288`	`288`	`}`
`289`	`289`
`290`	`290`	`igx-circular-bar {`
`291`		`- --circular-bar: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};`
`292`		`- width: var(--circular-bar);`
`293`		`- height: var(--circular-bar);`
	`291`	`+ --diameter: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};`
`294`	`292`	`}`
`295`	`293`	`}`
`296`	`294`