Skip to content

I
interface
Commit 84275dcc authored by Zach Pomerantz's avatar Zach Pomerantz Committed by GitHub
Browse files
Options

fix: action button jank (#3582)

parent a76ece6c
Hide whitespace changes
Inline Side-by-side
Showing with 3 additions and 3 deletions
src/lib/components/ActionButton.tsx
View file @ 84275dcc
...@@ -16,9 +16,9 @@ const fadeIn = keyframes` ...@@ -16,9 +16,9 @@ const fadeIn = keyframes`
const StyledButton = styled(Button)` const StyledButton = styled(Button)`
animation: ${fadeIn} 0.25s ease-in; animation: ${fadeIn} 0.25s ease-in;
border-radius: ${({ theme }) => theme.borderRadius}em; border-radius: ${({ theme }) => theme.borderRadius * 0.75}em;
flex-grow: 1; flex-grow: 1;
transition: background-color 0.25s ease-out, flex-grow 0.25s ease-out, padding 0.25s ease-in; transition: background-color 0.25s ease-out, border-radius 0.25s ease-out, flex-grow 0.25s ease-out;
:disabled { :disabled {
margin: -1px; margin: -1px;
...@@ -51,7 +51,7 @@ const actionCss = css` ...@@ -51,7 +51,7 @@ const actionCss = css`
} }
${StyledButton} { ${StyledButton} {
border-radius: ${({ theme }) => theme.borderRadius * 0.75}em; border-radius: ${({ theme }) => theme.borderRadius}em;
flex-grow: 0; flex-grow: 0;
padding: 1em; padding: 1em;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment