This commit is contained in:
Mirco Wittrien 2020-06-27 10:06:07 +02:00
parent 1056648aac
commit ef82b2952a
3 changed files with 9 additions and 20 deletions

View File

@ -6917,11 +6917,6 @@
children: [ children: [
BDFDB.ReactUtils.createElement("div", { BDFDB.ReactUtils.createElement("div", {
style: {marginTop: 1, width: 4, borderRadius: 1, height: 8, boxShadow: "rgba(0, 0, 0, 0.6) 0px 0px 2px", background: "rgb(255, 255, 255)", transform: "translateX(-2px)"} style: {marginTop: 1, width: 4, borderRadius: 1, height: 8, boxShadow: "rgba(0, 0, 0, 0.6) 0px 0px 2px", background: "rgb(255, 255, 255)", transform: "translateX(-2px)"}
}),
this.state.draggingAlphaCursor && BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN.sliderbubble,
style: {opacity: 1, visibility: "visible", left: 2},
children: `${Math.floor(a * 100)}%`
}) })
].filter(n => n) ].filter(n => n)
}) })

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@ var TimedLightDarkMode = (_ => {
return class TimedLightDarkMode { return class TimedLightDarkMode {
getName () {return "TimedLightDarkMode";} getName () {return "TimedLightDarkMode";}
getVersion () {return "1.0.6";} getVersion () {return "1.0.7";}
getAuthor () {return "DevilBro";} getAuthor () {return "DevilBro";}
@ -14,7 +14,7 @@ var TimedLightDarkMode = (_ => {
constructor () { constructor () {
this.changelog = { this.changelog = {
"improved":[["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]] "fixed":[["Slider Bubble","Changed bubble to tooltip"]]
}; };
this.patchedModules = { this.patchedModules = {
@ -152,14 +152,8 @@ var TimedLightDarkMode = (_ => {
let currentTime = new Date(); let currentTime = new Date();
let currentHours = currentTime.getHours(); let currentHours = currentTime.getHours();
let currentMinutes = currentTime.getMinutes(); let currentMinutes = currentTime.getMinutes();
let bubble = BDFDB.DOMUtils.create(`<span class="${BDFDB.disCN.sliderbubble}">${(currentHours > 9 ? currentHours : ("0" + currentHours)) + ":" + (currentMinutes > 9 ? currentMinutes : ("0" + currentMinutes))}</span>`);
grabber.appendChild(bubble);
grabber.style.setProperty("left", `${this.getPercent(currentTime)}%`); grabber.style.setProperty("left", `${this.getPercent(currentTime)}%`);
let mouseleave = _ => { BDFDB.TooltipUtils.create(grabber, (currentHours > 9 ? currentHours : ("0" + currentHours)) + ":" + (currentMinutes > 9 ? currentMinutes : ("0" + currentMinutes)), {color: "grey"});
BDFDB.DOMUtils.remove(bubble);
grabber.removeEventListener("mouseleave", mouseleave);
};
grabber.addEventListener("mouseleave", mouseleave);
} }
dragSlider (grabber) { dragSlider (grabber) {
@ -171,19 +165,18 @@ var TimedLightDarkMode = (_ => {
BDFDB.DOMUtils.appendLocalStyle("disableTextSelection", `*{user-select: none !important;}`); BDFDB.DOMUtils.appendLocalStyle("disableTextSelection", `*{user-select: none !important;}`);
let value = values[timer]; let value = values[timer];
let othervalue = timer == "timer1" ? values.timer2 : values.timer1;
let sY = 0; let sY = 0;
let sHalfW = BDFDB.DOMUtils.getRects(grabber).width/2; let sHalfW = BDFDB.DOMUtils.getRects(grabber).width/2;
let sMinX = BDFDB.DOMUtils.getRects(track).left; let sMinX = BDFDB.DOMUtils.getRects(track).left;
let sMaxX = sMinX + BDFDB.DOMUtils.getRects(track).width; let sMaxX = sMinX + BDFDB.DOMUtils.getRects(track).width;
let bubble = BDFDB.DOMUtils.create(`<span class="${BDFDB.disCN.sliderbubble}">${this.getTime(value, true)}</span>`); let tooltip = BDFDB.TooltipUtils.create(grabber, this.getTime(value, true), {color: "grey", perssist: true});
grabber.appendChild(bubble); let tooltipContent = tooltip.querySelector(BDFDB.dotCN.tooltipcontent);
let mouseup = _ => { let mouseup = _ => {
document.removeEventListener("mouseup", mouseup); document.removeEventListener("mouseup", mouseup);
document.removeEventListener("mousemove", mousemove); document.removeEventListener("mousemove", mousemove);
BDFDB.DOMUtils.remove(bubble);
BDFDB.DOMUtils.removeLocalStyle("disableTextSelection"); BDFDB.DOMUtils.removeLocalStyle("disableTextSelection");
BDFDB.DataUtils.save(value, this, "values", timer); BDFDB.DataUtils.save(value, this, "values", timer);
BDFDB.DOMUtils.remove(tooltip);
this.startInterval(); this.startInterval();
}; };
let mousemove = e => { let mousemove = e => {
@ -191,7 +184,8 @@ var TimedLightDarkMode = (_ => {
value = BDFDB.NumberUtils.mapRange([sMinX - sHalfW, sMaxX - sHalfW], [0, 100], sY); value = BDFDB.NumberUtils.mapRange([sMinX - sHalfW, sMaxX - sHalfW], [0, 100], sY);
input.value = value; input.value = value;
grabber.style.setProperty("left", value + "%"); grabber.style.setProperty("left", value + "%");
bubble.innerText = this.getTime(value, true); tooltipContent.innerText = this.getTime(value, true);
tooltip.update();
values[timer] = value; values[timer] = value;
this.updateSlider(track.parentNode, values); this.updateSlider(track.parentNode, values);
}; };