diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/style.tsx')
| -rw-r--r-- | packages/taler-wallet-webextension/src/mui/style.tsx | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/style.tsx b/packages/taler-wallet-webextension/src/mui/style.tsx index 3f0a61c86..32fa412e5 100644 --- a/packages/taler-wallet-webextension/src/mui/style.tsx +++ b/packages/taler-wallet-webextension/src/mui/style.tsx @@ -63,6 +63,23 @@ export const ripple = css` transition: background 0.2s; + &:hover { + background: var(--color-main) + radial-gradient(circle, transparent 1%, var(--color-dark) 1%) + center/15000%; + } + &:active { + background-color: var(--color-main); + background-size: 100%; + transition: background 0s; + } +`; + +export const rippleEnabled = css` + background-position: center; + + transition: background 0.2s; + &:hover:enabled { background: var(--color-main) radial-gradient(circle, transparent 1%, var(--color-dark) 1%) @@ -75,7 +92,7 @@ export const ripple = css` } `; -export const rippleOutlined = css` +export const rippleEnabledOutlined = css` background-position: center; transition: background 0.2s; |