puniko/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

make webkit style range slider the same

Browse source
This commit is contained in:
Puniko 2022-12-29 10:36:59 +01:00
parent 8a267c5cdc
commit 6b7f13e8ef
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/client/src/components/mod-player.vue
View file

@ -276,6 +276,7 @@ function display() {
width: 90px; width: 90px;
padding: 0; padding: 0;
margin: 4px 8px; margin: 4px 8px;
overflow-x: hidden;
&:focus { &:focus {
outline: none; outline: none;
@ -297,6 +298,7 @@ function display() {
animate: 0.2s; animate: 0.2s;
background: var(--bg); background: var(--bg);
border: 1px solid var(--fg); border: 1px solid var(--fg);
overflow-x: hidden;
} }
&::-webkit-slider-thumb { &::-webkit-slider-thumb {
@ -307,7 +309,9 @@ function display() {
background: var(--accentLighten); background: var(--accentLighten);
cursor: pointer; cursor: pointer;
-webkit-appearance: none; -webkit-appearance: none;
margin-top: -0.5px; box-shadow: calc(-100vw - 14px) 0 0 100vw var(--accent);
clip-path: polygon(1px 0, 100% 0, 100% 100%, 1px 100%, 1px calc(50% + 10.5px), -100vw calc(50% + 10.5px), -100vw calc(50% - 10.5px), 0 calc(50% - 10.5px));
z-index: 1;
} }
&::-moz-range-track { &::-moz-range-track {