FoundKeyGang/FoundKey
FoundKeyGang
/
FoundKey
7
19
Fork 22
Code Issues 37 Pull Requests 4 Releases Activity

restyling range inputs
ci/woodpecker/pr/lint-backend Pipeline failed Details
ci/woodpecker/pr/lint-foundkey-js Pipeline was successful Details
ci/woodpecker/pr/lint-client Pipeline failed Details
ci/woodpecker/pr/build Pipeline was successful Details
ci/woodpecker/pr/lint-sw Pipeline failed Details
ci/woodpecker/pr/test Pipeline failed Details

This commit is contained in:
Puniko 2022-12-29 01:16:18 +01:00
parent c39e1671b2
commit 8a267c5cdc
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/client/src/components/mod-player.vue
View File

@ -304,7 +304,7 @@ function display() {
height: 100%; height: 100%;
width: 14px; width: 14px;
border-radius: 0; border-radius: 0;
background: var(--accent); background: var(--accentLighten);
cursor: pointer; cursor: pointer;
-webkit-appearance: none; -webkit-appearance: none;
margin-top: -0.5px; margin-top: -0.5px;
@ -320,12 +320,18 @@ function display() {
border: 1px solid var(--fg); border: 1px solid var(--fg);
} }
&::-moz-range-progress {
cursor: pointer;
height: 100%;
background: var(--accent);
}
&::-moz-range-thumb { &::-moz-range-thumb {
border: none; border: none;
height: 100%; height: 100%;
border-radius: 0; border-radius: 0;
width: 14px; width: 14px;
background: var(--accent); background: var(--accentLighten);
cursor: pointer; cursor: pointer;
} }
@ -340,7 +346,13 @@ function display() {
color: transparent; color: transparent;
} }
&::-ms-fill-lower, &::-ms-fill-upper { &::-ms-fill-lower {
background: var(--accent);
border: 1px solid var(--fg);
border-radius: 0;
}
&::-ms-fill-upper {
background: var(--bg); background: var(--bg);
border: 1px solid var(--fg); border: 1px solid var(--fg);
border-radius: 0; border-radius: 0;
@ -352,7 +364,7 @@ function display() {
height: 100%; height: 100%;
width: 14px; width: 14px;
border-radius: 0; border-radius: 0;
background: var(--accent); background: var(--accentLighten);
cursor: pointer; cursor: pointer;
} }