diff options
author | Sebastian <sebasjm@gmail.com> | 2022-06-24 11:42:21 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-06-24 11:42:21 -0300 |
commit | 50379a1d5b89822dd32618c32433cf12d1a1779e (patch) | |
tree | f6851306ed7bb39429f5336ece0151fee128631f /packages/taler-wallet-webextension/src/mui/style.tsx | |
parent | b06ae62de00a536525eac342c3dcb99d45c9eb86 (diff) | |
download | wallet-core-50379a1d5b89822dd32618c32433cf12d1a1779e.tar.xz |
mui menu, select input inprogress
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; |