fix(elements): rotate caret icon when list is open in cherry picker a…

…nd select components
MTES-MCT · Feb 7, 2025 · bd07e3e · bd07e3e
1 parent 1d8aa02
commit bd07e3e
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/fields/shared/StyledRsuitePickerBox.ts b/src/fields/shared/StyledRsuitePickerBox.ts
@@ -71,6 +71,16 @@ export const StyledRsuitePickerBox = styled.div<CommonPickerFieldStyleProps>`
           }
         }
       }
+      &.rs-picker-toggle-active {
+        > .rs-stack {
+          > .rs-stack-item {
+            > .rs-picker-caret-icon {
+              rotate: 180deg;
+              transition: rotate 100ms linear;
+            }
+          }
+        }
+      }
 
       > .rs-stack {
         > .rs-stack-item {
@@ -117,6 +127,7 @@ export const StyledRsuitePickerBox = styled.div<CommonPickerFieldStyleProps>`
             > .rs-picker-caret-icon {
               height: 18px;
               top: 4px;
+              transition: rotate 100ms linear;
             }
 
             > .rs-picker-clean {