Fixed a minor visual issue with slider trail not reaching thumb on low values

This commit is contained in:
cschwinne
2021-07-01 14:56:18 +02:00
parent 3754088a44
commit 4c678a5010
5 changed files with 479 additions and 471 deletions

View File

@@ -803,8 +803,9 @@ function updateTrail(e, slidercol)
{
if (e==null) return;
var max = e.hasAttribute('max') ? e.attributes.max.value : 255;
var progress = e.value * 100 / max;
progress = parseInt(progress);
var perc = e.value * 100 / max;
perc = parseInt(perc);
if (perc < 50) perc += 2;
var scol;
switch (slidercol) {
case 1: scol = "#f00"; break;
@@ -812,7 +813,7 @@ function updateTrail(e, slidercol)
case 3: scol = "#00f"; break;
default: scol = "var(--c-f)";
}
var val = `linear-gradient(90deg, ${scol} ${progress}%, var(--c-4) ${progress}%)`;
var val = `linear-gradient(90deg, ${scol} ${perc}%, var(--c-4) ${perc}%)`;
e.parentNode.getElementsByClassName('sliderdisplay')[0].style.background = val;
}