diff options
author | Sebastian <sebasjm@gmail.com> | 2021-08-02 11:34:15 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-08-02 11:34:54 -0300 |
commit | 74b2d2fec5b33518ab690f2c962acc5877552459 (patch) | |
tree | 29293e4ea26364b0ff8ac6e91d3996e845532b2c /packages/taler-wallet-webextension/src/components/styled/index.tsx | |
parent | c9a6f3d454ffaf8b17f772749b19ac3ae28ee673 (diff) | |
download | wallet-core-74b2d2fec5b33518ab690f2c962acc5877552459.tar.xz |
add language selector
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/styled/index.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/styled/index.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/components/styled/index.tsx b/packages/taler-wallet-webextension/src/components/styled/index.tsx index 7cc6d427a..cf7f3e06a 100644 --- a/packages/taler-wallet-webextension/src/components/styled/index.tsx +++ b/packages/taler-wallet-webextension/src/components/styled/index.tsx @@ -263,4 +263,49 @@ export const PopupNavigation = styled.div` font-weight: bold; } +`; + +export const NiceSelect = styled.div` + + & > select { + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + outline: 0; + box-shadow: none; + background-image: none; + background-color: white; + + flex: 1; + padding: 0.5em 1em; + cursor: pointer; + } + + position: relative; + display: flex; + width: 10em; + overflow: hidden; + border-radius: .25em; + + &::after { + content: '\u25BC'; + position: absolute; + top: 0; + right: 0; + padding: 0.5em 1em; + cursor: pointer; + pointer-events: none; + -webkit-transition: .25s all ease; + -o-transition: .25s all ease; + transition: .25s all ease; + } + + &:hover::after { + /* color: #f39c12; */ + } + + &::-ms-expand { + display: none; + } ` |