fix(select): vertically center arrow (#178)

* fix: center select arrow Signed-off-by: Tianchu Zhao <evantczhao@gmail.com> * add comment Signed-off-by: Anton Gilgur <agilgur5@gmail.com> --------- Signed-off-by: Tianchu Zhao <evantczhao@gmail.com> Signed-off-by: Anton Gilgur <agilgur5@gmail.com> Co-authored-by: Anton Gilgur <4970083+agilgur5@users.noreply.github.com>
argoproj · Jun 11, 2024 · 00a8b57 · 00a8b57
1 parent ccb4ced
commit 00a8b57
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/select/select.scss b/src/components/select/select.scss
@@ -27,9 +27,10 @@
     }
 
     &__value-arrow {
-        position: absolute;
-        top: 8px;
+        // right most, vertically centered
+        top: 50%;
         right: 0;
+        transform: translateY(-50%);
     }
 
     &__options {