bug(chips): fix progressbar size (#15632)

didimmova · web-flow · commit 84295e1ed3ce · 2025-04-01T16:29:29.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss
@@ -378,19 +378,21 @@
         }
 
         igx-avatar,
-        igx-circular-bar,
         igx-icon {
             --component-size: var(--chip-size);
         }
 
+        igx-circular-bar {
+            --diameter: #{sizable(rem(14px), rem(18px), rem(24px))};
+        }
+
         @if $variant == 'indigo' {
             igx-icon {
                 --size: #{sizable(rem(14px), rem(14px), rem(16px))}
             }
         }
 
-        igx-avatar,
-        igx-circular-bar {
+        igx-avatar {
             max-height: 100%;
             width: sizable(rem(14px), rem(18px), rem(24px));
             max-width: sizable(rem(14px), rem(18px), rem(24px));

Original file line number	Diff line number	Diff line change
`@@ -378,19 +378,21 @@`
`378`	`378`	`}`
`379`	`379`
`380`	`380`	`igx-avatar,`
`381`		`- igx-circular-bar,`
`382`	`381`	`igx-icon {`
`383`	`382`	`--component-size: var(--chip-size);`
`384`	`383`	`}`
`385`	`384`
	`385`	`+ igx-circular-bar {`
	`386`	`+ --diameter: #{sizable(rem(14px), rem(18px), rem(24px))};`
	`387`	`+ }`
	`388`	`+`
`386`	`389`	`@if $variant == 'indigo' {`
`387`	`390`	`igx-icon {`
`388`	`391`	`--size: #{sizable(rem(14px), rem(14px), rem(16px))}`
`389`	`392`	`}`
`390`	`393`	`}`
`391`	`394`
`392`		`- igx-avatar,`
`393`		`- igx-circular-bar {`
	`395`	`+ igx-avatar {`
`394`	`396`	`max-height: 100%;`
`395`	`397`	`width: sizable(rem(14px), rem(18px), rem(24px));`
`396`	`398`	`max-width: sizable(rem(14px), rem(18px), rem(24px));`