mirror of
https://github.com/owntone/owntone-server.git
synced 2025-01-13 16:03:23 -05:00
[web] Make a bigger hit box for the slider
The sliders can now be grabbed more easily.
This commit is contained in:
parent
eeb4d328c8
commit
395dd0e3d4
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
8
web-src/package-lock.json
generated
8
web-src/package-lock.json
generated
@ -35,7 +35,7 @@
|
|||||||
"eslint-config-prettier": "^8.8.0",
|
"eslint-config-prettier": "^8.8.0",
|
||||||
"eslint-plugin-vue": "^9.14.1",
|
"eslint-plugin-vue": "^9.14.1",
|
||||||
"prettier": "^2.8.8",
|
"prettier": "^2.8.8",
|
||||||
"sass": "^1.63.5",
|
"sass": "^1.63.6",
|
||||||
"vite": "^2.9.16"
|
"vite": "^2.9.16"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -2392,9 +2392,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/sass": {
|
"node_modules/sass": {
|
||||||
"version": "1.63.5",
|
"version": "1.63.6",
|
||||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.5.tgz",
|
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
|
||||||
"integrity": "sha512-Q6c5gs482oezdAp+0fWF9cRisvpy7yfYb64knID0OE8AnMgtkluRPfpGMFjeD4/+M4+6QpJZCU6JRSxbjiktkg==",
|
"integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"chokidar": ">=3.0.0 <4.0.0",
|
"chokidar": ">=3.0.0 <4.0.0",
|
||||||
|
@ -38,7 +38,7 @@
|
|||||||
"eslint-config-prettier": "^8.8.0",
|
"eslint-config-prettier": "^8.8.0",
|
||||||
"eslint-plugin-vue": "^9.14.1",
|
"eslint-plugin-vue": "^9.14.1",
|
||||||
"prettier": "^2.8.8",
|
"prettier": "^2.8.8",
|
||||||
"sass": "^1.63.5",
|
"sass": "^1.63.6",
|
||||||
"vite": "^2.9.16"
|
"vite": "^2.9.16"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -284,10 +284,11 @@ hr.fd-navbar-divider {
|
|||||||
|
|
||||||
input[type='range'].slider {
|
input[type='range'].slider {
|
||||||
--sh: 0.5rem;
|
--sh: 0.5rem;
|
||||||
--th: calc(var(--sh) * 1.5);
|
--th: calc(var(--sh) * 1.75);
|
||||||
--sx: calc(var(--th) / 2 + (var(--ratio) * (100% - var(--th))));
|
--sx: calc(var(--th) / 2 + (var(--ratio) * (100% - var(--th))));
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
|
height: calc(var(--sh) * 3);
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
&:active {
|
&:active {
|
||||||
|
Loading…
Reference in New Issue
Block a user