MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-03-31 17:53:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Make slider handle bigger on mobile devices

Browse Source 
The handle of sliders - volume and progress - is now better reachable on mobile devices
This commit is contained in:
Alain Nussbaumer 2023-06-23 20:43:22 +02:00
parent 395dd0e3d4
commit 181a0f171d
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web-src/src/mystyles.scss
View File

@ -285,6 +285,9 @@ hr.fd-navbar-divider {
input[type='range'].slider { input[type='range'].slider {
--sh: 0.5rem; --sh: 0.5rem;
--th: calc(var(--sh) * 1.75); --th: calc(var(--sh) * 1.75);
@include mobile {
--th: calc(var(--sh) * 2.5);
}
--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;