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 | |
| parent | c9a6f3d454ffaf8b17f772749b19ac3ae28ee673 (diff) | |
| download | wallet-core-74b2d2fec5b33518ab690f2c962acc5877552459.tar.gz wallet-core-74b2d2fec5b33518ab690f2c962acc5877552459.tar.bz2 wallet-core-74b2d2fec5b33518ab690f2c962acc5877552459.zip | |
add language selector
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/styled')
| -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; + } ` |