MyFavMirrors
/
owntone-server
mirror of https://github.com/owntone/owntone-server.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[web] Fix the size of the slider handle 

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/index.css
View File

File diff suppressed because one or more lines are too long

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(