Fix/epmrpp 97156 search field does not open (#56)

* EPMRPP-97156 || Search field does not open upon clicking the left side of the loupe icon * EPMRPP-97156 || remove extra line * EPMRPP-97156 || fix icons style
reportportal · Nov 25, 2024 · a375af5 · a375af5
1 parent d694702
commit a375af5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/fieldText/fieldText.module.scss b/src/components/fieldText/fieldText.module.scss
@@ -170,6 +170,7 @@
   height: 16px;
 }
 
+.start-icon,
 .clear-icon {
   @extend .icon;
 

diff --git a/src/components/fieldText/fieldText.tsx b/src/components/fieldText/fieldText.tsx
@@ -125,7 +125,7 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
                   input.current?.focus();
                 }}
               >
-                <span className={cx('icon')}>{startIcon}</span>
+                <span className={cx('icon', { 'start-icon': !focused })}>{startIcon}</span>
               </span>
             )
           )}
-Original file line number
+Diff line change
@@ Expand Up @@
                       input.current?.focus();
                     }}
                   >
-                    <span className={cx('icon')}>{startIcon}</span>
+                    <span className={cx('icon', { 'start-icon': !focused })}>{startIcon}</span>
                   </span>
                 )
               )}
@@ Expand Down @@