increase slider on mobile. improve look of slider in dark mode
This commit is contained in:
parent
9b89c3b819
commit
4d96fc7cd2
4 changed files with 34 additions and 9 deletions
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue