increase slider on mobile. improve look of slider in dark mode

This commit is contained in:
Stewart Allen 2022-10-17 10:48:12 -04:00
commit 4d96fc7cd2
4 changed files with 34 additions and 9 deletions

View file

@ -2049,11 +2049,18 @@ gapp.register("kiri.init", [], (root, exports) => {
}
// slider setup
const slbar = 30;
const mobile = moto.space.info.mob;
const slbar = mobile ? 80 : 30;
const slbar2 = slbar * 2;
const slider = ui.sliderRange;
const drag = { };
if (mobile) {
ui.slider.classList.add('slider-mobile');
ui.sliderLo.classList.add('slider-mobile');
ui.sliderHi.classList.add('slider-mobile');
}
function pxToInt(txt) {
return txt ? parseInt(txt.substring(0,txt.length-2)) : 0;
}
@ -2081,7 +2088,7 @@ gapp.register("kiri.init", [], (root, exports) => {
drag.hiat = pxToInt(ui.sliderHold.style.marginRight);
drag.mdmax = drag.width - slbar - drag.loat;
drag.himax = drag.width - slbar - drag.mdat;
let cancel_drag = tracker.onmouseup = (ev) => {
let cancel_drag = tracker.ontouchend = tracker.onmouseup = (ev) => {
if (ev) {
ev.stopPropagation();
ev.preventDefault();

View file

@ -1444,7 +1444,8 @@ gapp.register("moto.space", [], (root, exports) => {
ver: ctx.getParameter(ctx.VERSION),
ven: ctx.getParameter(ctx.VENDOR),
glr: ctx.getParameter(ctx.RENDERER),
pla: nav.platform
pla: nav.platform,
mob: nav.maxTouchPoints > 1 || (/android/i.test(nav.userAgent))
};
initialized = true;