diff options
| author |  Hassan Abouelela <[email protected]> | 2021-01-17 01:12:41 +0300 |
|---|---|---|
| committer | Hassan Abouelela <[email protected]> | 2021-01-17 01:12:41 +0300 |
| commit | 998fbdfb1d421ef7440586c8101a32354442e7ab (patch) | |
| tree | 7de5c4553f64a1c15fc02097eeabf31aead83f04 | |
| parent | Rewrites Radios (diff) | |
Updates Transition Speed
Increases select and deselect transition speeds for checkboxes, radios,
and selects.
Signed-off-by: Hassan Abouelela <[email protected]>
| -rw-r--r-- | src/commonStyles.tsx | 2 | ||||
| -rw-r--r-- | src/components/InputTypes/Select.tsx | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/commonStyles.tsx b/src/commonStyles.tsx index 71bbd13..89a2746 100644 --- a/src/commonStyles.tsx +++ b/src/commonStyles.tsx @@ -29,7 +29,7 @@ const multiSelectInput = css` border: whitesmoke 0.2rem solid; background-color: whitesmoke; - transition: background-color 300ms; + transition: background-color 200ms; `; const textInputs = css` 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; |