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

* fix: center select arrow Signed-off-by: Tianchu Zhao <[email protected]> * add comment Signed-off-by: Anton Gilgur <[email protected]> --------- Signed-off-by: Tianchu Zhao <[email protected]> Signed-off-by: Anton Gilgur <[email protected]> Co-authored-by: Anton Gilgur <[email protected]>
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 {