remove dead hoverpop code, more dark mode tweaks
This commit is contained in:
Stewart Allen
parent
06c2bf24bf
commit
0b90478069
3 changed files with 18 additions and 123 deletions
|
|
@ -203,7 +203,6 @@ gapp.register("kiri.init", [], (root, exports) => {
|
|||
// platform.layout();
|
||||
api.conf.save();
|
||||
api.platform.update_size();
|
||||
uc.setHoverPop(false);
|
||||
updateStats();
|
||||
updateDrawer();
|
||||
if (control.decals && !control.dark) {
|
||||
|
|
@ -304,8 +303,6 @@ gapp.register("kiri.init", [], (root, exports) => {
|
|||
api.dialog.hide();
|
||||
// cancel slicing
|
||||
api.function.cancel();
|
||||
// kill any poppers in compact mode
|
||||
uc.hidePoppers();
|
||||
// and send an event (used by FDM client)
|
||||
api.event.emit("key.esc");
|
||||
break;
|
||||
|
|
@ -676,7 +673,6 @@ gapp.register("kiri.init", [], (root, exports) => {
|
|||
}
|
||||
|
||||
function settingsLoad() {
|
||||
uc.hidePoppers();
|
||||
api.conf.show();
|
||||
}
|
||||
|
||||
|
|
@ -1505,8 +1501,6 @@ gapp.register("kiri.init", [], (root, exports) => {
|
|||
tracker = $('tracker'),
|
||||
controller = settings().controller;
|
||||
|
||||
uc.setHoverPop(false);
|
||||
|
||||
WIN.addEventListener("resize", () => {
|
||||
event.emit('resize');
|
||||
});
|
||||
|
|
|
|||
115
src/kiri/ui.js
115
src/kiri/ui.js
|
|
@ -18,18 +18,15 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
groupSticky = false,
|
||||
groupName = undefined,
|
||||
hasModes = [],
|
||||
isExpert = [],
|
||||
setters = [],
|
||||
lastMode = null,
|
||||
lastExpert = true,
|
||||
letHoverPop = true,
|
||||
prefix = "tab",
|
||||
units = 1,
|
||||
lastChange = null,
|
||||
lastBtn = null,
|
||||
lastTxt = null,
|
||||
lastPop = null,
|
||||
savePop = null;
|
||||
lastPop = null;
|
||||
|
||||
self.$ = (self.$ || function (id) { return DOC.getElementById(id) } );
|
||||
|
||||
|
|
@ -41,15 +38,9 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
restore,
|
||||
refresh,
|
||||
setMode,
|
||||
setExpert,
|
||||
setHoverPop,
|
||||
hidePoppers,
|
||||
hoverPop,
|
||||
bound,
|
||||
toInt,
|
||||
toFloat,
|
||||
hidePop,
|
||||
isPopped,
|
||||
isSticky,
|
||||
setSticky,
|
||||
newElement,
|
||||
|
|
@ -175,16 +166,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
function setMode(mode) {
|
||||
lastMode = mode;
|
||||
hasModes.forEach(div => div.setMode(mode));
|
||||
hidePoppers();
|
||||
}
|
||||
|
||||
function setExpert(bool) {
|
||||
// lastExpert = bool;
|
||||
// setMode(lastMode);
|
||||
}
|
||||
|
||||
function setHoverPop(bool) {
|
||||
// letHoverPop = bool;
|
||||
}
|
||||
|
||||
function checkpoint(at) {
|
||||
|
|
@ -269,10 +250,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
return row;
|
||||
}
|
||||
|
||||
function hidePoppers() {
|
||||
// showGroup(undefined);
|
||||
}
|
||||
|
||||
function bound(low,high) {
|
||||
return function(v) {
|
||||
if (isNaN(v)) return low;
|
||||
|
|
@ -380,21 +357,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
return div;
|
||||
}
|
||||
|
||||
function hidePop() {
|
||||
if (lastPop) {
|
||||
lastPop.style.display = "none";
|
||||
}
|
||||
if (savePop) {
|
||||
savePop();
|
||||
savePop = null;
|
||||
}
|
||||
lastPop = null;
|
||||
}
|
||||
|
||||
function isPopped() {
|
||||
return lastPop !== null;
|
||||
}
|
||||
|
||||
function isSticky() {
|
||||
return groupSticky;
|
||||
}
|
||||
|
|
@ -438,7 +400,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
txt.setAttribute("rows", 6);
|
||||
|
||||
let showing = btn === lastBtn;
|
||||
hidePop();
|
||||
if (lastTxt) {
|
||||
lastTxt.classList.remove('txt-sel');
|
||||
}
|
||||
|
|
@ -502,7 +463,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
txt.setAttribute("cols", Math.max(30, cols + 1));
|
||||
|
||||
let showing = pop === lastPop;
|
||||
hidePop();
|
||||
if (lastBtn) {
|
||||
lastBtn.classList.remove('btn-sel');
|
||||
}
|
||||
|
|
@ -511,7 +471,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
}
|
||||
if (!showing) {
|
||||
row.classList.add('txt-sel');
|
||||
savePop = inputAction;
|
||||
pop.style.display = "flex";
|
||||
lastPop = pop;
|
||||
lastTxt = row;
|
||||
|
|
@ -568,7 +527,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
if (opt.bound) ip.bound = opt.bound;
|
||||
if (opt.action) action = opt.action;
|
||||
ip.addEventListener('focus', function(event) {
|
||||
hidePop();
|
||||
setSticky(true);
|
||||
});
|
||||
if (action) {
|
||||
|
|
@ -752,7 +710,6 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
let b = DOC.createElement('button');
|
||||
|
||||
b.onclick = function() {
|
||||
hidePoppers();
|
||||
if (action) action(...arguments);
|
||||
};
|
||||
|
||||
|
|
@ -812,74 +769,4 @@ gapp.register("kiri.ui", [], (root, exports) => {
|
|||
return array;
|
||||
}
|
||||
|
||||
function hoverPop(el, opt = {}) {
|
||||
if (Array.isArray(el)) {
|
||||
opt.group = [];
|
||||
return el.forEach(ev => hoverPop(ev, opt));
|
||||
}
|
||||
let group = opt.group || [];
|
||||
let closes = opt.closes || group;
|
||||
let target = opt.target || el;
|
||||
let mobile = false;
|
||||
let popped = false;
|
||||
group.push(target);
|
||||
if (closes !== group) {
|
||||
closes.push(target);
|
||||
}
|
||||
let openit = () => {
|
||||
clearTimeout(closes.timer);
|
||||
for (let close of closes) {
|
||||
close.classList.remove("hoverpop");
|
||||
}
|
||||
target.classList.add("hoverpop");
|
||||
popped = true;
|
||||
};
|
||||
let closeit = () => {
|
||||
target.classList.remove("hoverpop");
|
||||
clearTimeout(closes.timer);
|
||||
popped = false;
|
||||
};
|
||||
if (opt.auto !== false) {
|
||||
el.addEventListener("mouseenter", () => {
|
||||
openit();
|
||||
});
|
||||
el.addEventListener("touchstart", (ev) => {
|
||||
if (ev.target.onclick) {
|
||||
if (mobile && popped) {
|
||||
setTimeout(closeit, 500);
|
||||
return;
|
||||
}
|
||||
}
|
||||
mobile = true;
|
||||
if (popped) {
|
||||
closeit();
|
||||
} else {
|
||||
openit();
|
||||
}
|
||||
});
|
||||
}
|
||||
el.addEventListener("mouseleave", (ev) => {
|
||||
closes.timer = setTimeout(() => {
|
||||
target.classList.remove("hoverpop");
|
||||
}, 750);
|
||||
});
|
||||
if (!opt.sticky) {
|
||||
el.addEventListener("mouseup", (ev) => {
|
||||
if (mobile) {
|
||||
return;
|
||||
}
|
||||
if (popped) {
|
||||
closeit();
|
||||
} else {
|
||||
openit();
|
||||
}
|
||||
});
|
||||
}
|
||||
document.addEventListener("keydown", (ev) => {
|
||||
if (ev.keyCode === 27 || ev.code === 'Escape') {
|
||||
closeit();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -222,6 +222,7 @@ th, tr, td, label {
|
|||
color: #fff;
|
||||
}
|
||||
.dark button {
|
||||
color: #fff;
|
||||
background-color: #777;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
|
@ -274,6 +275,17 @@ th, tr, td, label {
|
|||
background-color: #222;
|
||||
color: white;
|
||||
}
|
||||
.dark .cam-pop-op {
|
||||
border-color: #555;
|
||||
}
|
||||
.dark .btn-sel,
|
||||
.dark .txt-sel button {
|
||||
/* color: #fff; */
|
||||
background-color: var(--blue-1);
|
||||
}
|
||||
.dark #modal {
|
||||
color: #fff !important;
|
||||
}
|
||||
.dark #modal select {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
|
@ -315,7 +327,7 @@ th, tr, td, label {
|
|||
}
|
||||
.dark .render-tools svg:hover {
|
||||
background-color: var(--blue-1);
|
||||
border-color: var(--blue-3 );
|
||||
border-color: var(--blue-3);
|
||||
}
|
||||
.dark .top-menu > span:hover {
|
||||
background-color: var(--blue-1);
|
||||
|
|
@ -1195,7 +1207,9 @@ th, tr, td, label {
|
|||
border: 1px solid gray;
|
||||
margin: 5px 1px 5px 1px;
|
||||
}
|
||||
#camop_dialog button, #camop_dialog label {
|
||||
#camop_dialog button,
|
||||
#camop_dialog label
|
||||
{
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1405,7 +1419,7 @@ th, tr, td, label {
|
|||
overflow: hidden;
|
||||
}
|
||||
#modal button, #modal select {
|
||||
color: black !important;
|
||||
/* color: black !important; */
|
||||
}
|
||||
#modal > div {
|
||||
position: absolute;
|
||||
|
|
|
|||
Loading…
Reference in a new issue