rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Added clickDragger to active and pinned cPanels.

Browse source
This commit is contained in:
rainbownapkin 2024-11-16 15:36:09 -05:00
parent 3c185b4e28
commit b994f58bd0
6 changed files with 48 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
www/js/utils.js
View file

@ -27,7 +27,7 @@ class canopyUXUtils{
static clickDragger = class{
constructor(handle, element, breakPoint){
constructor(handle, element, leftHandle = true){
//Pull needed nodes
this.handle = document.querySelector(handle);
this.element = document.querySelector(element);
@ -35,6 +35,9 @@ class canopyUXUtils{
//True while dragging
this.dragLock = false;
//Come to the ~~dark~~ left side
this.leftHandle = leftHandle
//Little hacky but it could be worse :P
this.fixWidth = false;
@ -69,8 +72,13 @@ class canopyUXUtils{
drag(event){
if(this.dragLock){
//get difference between mouse and right edge of element
var difference = this.element.getBoundingClientRect().right - event.clientX;
if(this.leftHandle){
//get difference between mouse and right edge of element
var difference = this.element.getBoundingClientRect().right - event.clientX;
}else{
//get difference between mouse and left edge of element
var difference = event.clientX - this.element.getBoundingClientRect().left;
}
//check if we have a scrollbar because we're breaking shit
var pageBreak = document.body.scrollWidth - document.body.getBoundingClientRect().width;