[web] Make a bigger hit box for the slider

The sliders can now be grabbed more easily.
This commit is contained in:
Alain Nussbaumer 2023-06-22 18:04:29 +02:00
parent eeb4d328c8
commit 395dd0e3d4
5 changed files with 11 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -35,7 +35,7 @@
"eslint-config-prettier": "^8.8.0",
"eslint-plugin-vue": "^9.14.1",
"prettier": "^2.8.8",
"sass": "^1.63.5",
"sass": "^1.63.6",
"vite": "^2.9.16"
}
},
@ -2392,9 +2392,9 @@
}
},
"node_modules/sass": {
"version": "1.63.5",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.5.tgz",
"integrity": "sha512-Q6c5gs482oezdAp+0fWF9cRisvpy7yfYb64knID0OE8AnMgtkluRPfpGMFjeD4/+M4+6QpJZCU6JRSxbjiktkg==",
"version": "1.63.6",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.63.6.tgz",
"integrity": "sha512-MJuxGMHzaOW7ipp+1KdELtqKbfAWbH7OLIdoSMnVe3EXPMTmxTmlaZDCTsgIpPCs3w99lLo9/zDKkOrJuT5byw==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",

View File

@ -38,7 +38,7 @@
"eslint-config-prettier": "^8.8.0",
"eslint-plugin-vue": "^9.14.1",
"prettier": "^2.8.8",
"sass": "^1.63.5",
"sass": "^1.63.6",
"vite": "^2.9.16"
}
}

View File

@ -284,10 +284,11 @@ hr.fd-navbar-divider {
input[type='range'].slider {
--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))));
-webkit-appearance: none;
min-width: 250px;
height: calc(var(--sh) * 3);
width: 100% !important;
cursor: grab;
&:active {