fix(input-group) filtering icon is not showing if it's not from original material icon set. (#12811)

desig9stein · web-flow · commit e32cc8c308aa · 2023-03-23T16:24:02.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss
@@ -369,9 +369,9 @@
         align-items: center;
 
         igx-icon {
+            width: sizable(rem(18px), rem(20px), rem(24px)) ;
+            height: sizable(rem(18px), rem(20px), rem(24px)) ;
             font-size: sizable(rem(18px), rem(20px), rem(24px)) !important;
-            width: auto;
-            height: auto;
         }
 
         @if $indigo-theme {
@@ -393,8 +393,8 @@
 
         igx-icon[igxPrefix],
         igx-icon[igxSuffix] {
-            width: auto;
-            height: auto;
+            width: sizable(rem(18px), rem(20px), rem(24px)) ;
+            height: sizable(rem(18px), rem(20px), rem(24px)) ;
             font-size: sizable(rem(18px), rem(20px), rem(24px)) !important;
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -369,9 +369,9 @@`
`369`	`369`	`align-items: center;`
`370`	`370`
`371`	`371`	`igx-icon {`
	`372`	`+ width: sizable(rem(18px), rem(20px), rem(24px)) ;`
	`373`	`+ height: sizable(rem(18px), rem(20px), rem(24px)) ;`
`372`	`374`	`font-size: sizable(rem(18px), rem(20px), rem(24px)) !important;`
`373`		`- width: auto;`
`374`		`- height: auto;`
`375`	`375`	`}`
`376`	`376`
`377`	`377`	`@if $indigo-theme {`
`@@ -393,8 +393,8 @@`
`393`	`393`
`394`	`394`	`igx-icon[igxPrefix],`
`395`	`395`	`igx-icon[igxSuffix] {`
`396`		`- width: auto;`
`397`		`- height: auto;`
	`396`	`+ width: sizable(rem(18px), rem(20px), rem(24px)) ;`
	`397`	`+ height: sizable(rem(18px), rem(20px), rem(24px)) ;`
`398`	`398`	`font-size: sizable(rem(18px), rem(20px), rem(24px)) !important;`
`399`	`399`	`}`
`400`	`400`	`}`