MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-06 12:50:42 -04: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
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; box-sizing: border-box;
border-radius: 50%; border-radius: 50%;
background: $light; background: $light;
border: 1px solid $dark; border: 1px solid $grey-light;
} }
@mixin track { @mixin track {
@ -254,9 +254,9 @@ hr.fd-navbar-divider {
input[type='range'].slider { input[type='range'].slider {
--sh: 0.25rem; --sh: 0.25rem;
--th: calc(var(--sh) * 3); --th: calc(var(--sh) * 4);
@include mobile { @include mobile {
--th: calc(var(--sh) * 4); --th: calc(var(--sh) * 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;
@ -285,7 +285,6 @@ input[type='range'].slider {
&::-webkit-slider-thumb { &::-webkit-slider-thumb {
box-sizing: border-box; box-sizing: border-box;
background-color: $light; background-color: $light;
border: 1px $grey-light solid;
} }
&::-webkit-slider-runnable-track { &::-webkit-slider-runnable-track {
background: linear-gradient( background: linear-gradient(
@ -297,7 +296,6 @@ input[type='range'].slider {
&::-moz-range-thumb { &::-moz-range-thumb {
box-sizing: border-box; box-sizing: border-box;
background-color: $light; background-color: $light;
border: 1px $grey-light solid;
} }
&::-moz-range-track { &::-moz-range-track {
background: linear-gradient( background: linear-gradient(