MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-09 21:49:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix the size of the slider handle

Browse Source 
The slider handle is now the same size as it was initially. Moreover, it gets bigger on mobile.
This commit is contained in:
Alain Nussbaumer
2023-06-27 13:16:15 +02:00
parent 09a4b0d6f7
commit 9556548fc7
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -243,7 +243,7 @@ hr.fd-navbar-divider {
box-sizing: border-box;
border-radius: 50%;
background: $light;
border: 1px solid $dark;
border: 1px solid $grey-light;
}
@mixin track {
@@ -254,9 +254,9 @@ hr.fd-navbar-divider {
input[type='range'].slider {
--sh: 0.25rem;
--th: calc(var(--sh) * 3);
--th: calc(var(--sh) * 4);
@include mobile {
--th: calc(var(--sh) * 4);
--th: calc(var(--sh) * 5);
}
--sx: calc(var(--th) / 2 + (var(--ratio) * (100% - var(--th))));
-webkit-appearance: none;
@@ -285,7 +285,6 @@ input[type='range'].slider {
&::-webkit-slider-thumb {
box-sizing: border-box;
background-color: $light;
border: 1px $grey-light solid;
}
&::-webkit-slider-runnable-track {
background: linear-gradient(
@@ -297,7 +296,6 @@ input[type='range'].slider {
&::-moz-range-thumb {
box-sizing: border-box;
background-color: $light;
border: 1px $grey-light solid;
}
&::-moz-range-track {
background: linear-gradient(