Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-03-27 15:55:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Design select arrow

Browse Source
This commit is contained in:
AlphaX-Projects 2023-07-01 14:47:35 +02:00
parent 109a0605b4
commit 7fa5ca651a
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
core/src/components/language-selector.js
View File

@ -32,7 +32,24 @@ class LanguageSelector extends LitElement {
border: 1px solid var(--black); border: 1px solid var(--black);
border-radius: 3px; border-radius: 3px;
color: var(--black); color: var(--black);
background: var(--white); background:
linear-gradient(45deg, transparent 50%, white 50%),
linear-gradient(135deg, white 50%, transparent 50%),
linear-gradient(to right, #03a9f4, #03a9f4);
background-position:
calc(100% - 17px) calc(0.5em + 4px),
calc(100% - 7px) calc(0.5em + 4px),
100% 0;
background-size:
10px 10px,
10px 10px,
2.2em 2.2em;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance:none;
-moz-appearance:none;
} }
*:focus { *:focus {
@ -40,6 +57,8 @@ class LanguageSelector extends LitElement {
} }
select option { select option {
color: var(--black);
background: var(--white);
line-height: 34px; line-height: 34px;
} }
` `