From 998fbdfb1d421ef7440586c8101a32354442e7ab Mon Sep 17 00:00:00 2001 From: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com> Date: Sun, 17 Jan 2021 01:12:41 +0300 Subject: Updates Transition Speed Increases select and deselect transition speeds for checkboxes, radios, and selects. Signed-off-by: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com> --- src/components/InputTypes/Select.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components') diff --git a/src/components/InputTypes/Select.tsx b/src/components/InputTypes/Select.tsx index 74c154b..a4db3dd 100644 --- a/src/components/InputTypes/Select.tsx +++ b/src/components/InputTypes/Select.tsx @@ -54,7 +54,7 @@ const mainWindowStyles = css` border: 0.1rem solid black; border-radius: 8px; - transition: border-radius 400ms; + transition: border-radius 200ms; `; const arrowStyles = css` @@ -72,7 +72,7 @@ const arrowStyles = css` border-width: 0 0.2rem 0.2rem 0; transform: rotate(45deg); - transition: transform 400ms; + transition: transform 200ms; } :focus-within .arrow { @@ -99,7 +99,7 @@ const optionContainerStyles = css` border-radius: 0 0 8px 8px; border-top: none; - transition: opacity 400ms, visibility 400ms; + transition: opacity 200ms, visibility 200ms; * { cursor: pointer; -- cgit v1.2.3