diff options
| -rw-r--r-- | display.html | 31 |
1 files changed, 17 insertions, 14 deletions
diff --git a/display.html b/display.html index aa88b72..1b42867 100644 --- a/display.html +++ b/display.html @@ -174,7 +174,7 @@ display: inline-block; left: 0; } - + .bar-item { height: 80%; background-color: #c3c3c3; @@ -188,22 +188,25 @@ position: absolute; top: 0; } - #bar-items{ + + #bar-items { height: 100%; width: 100%; position: relative; display: block; } - #bar-children{ + + #bar-children { position: relative; width: 100%; height: 100%; display: flex; } - #bar-menu{ + + #bar-menu { display: block; - position:relative; + position: relative; height: 100%; background-color: red; } @@ -273,7 +276,7 @@ }) let px = 0; document.onmousemove = ((evm) => { - console.log(elemy.parentElement.clientWidth*(evm.clientX/elemy.parentElement.clientWidth)-elemy.parentElement.offsetLeft) + console.log(elemy.parentElement.clientWidth * (evm.clientX / elemy.parentElement.clientWidth) - (elemy.parentElement.offsetLeft + document.getElementById("root").offsetLeft)) //console.log((px - evm.clientX), px, evm.clientX, m) }) @@ -287,7 +290,7 @@ let a = '' let minx = 150; let miny = 150; - a += "<div id='" + uid + "-root' class='window' style=\"width:" + Math.max(document.body.clientWidth * .56,minx) + "px;height:" + Math.max(miny,document.body.clientHeight * .30) + "px;top:0px;left:0px;position:absolute;\" window-name='" + name + "'>" + a += "<div id='" + uid + "-root' class='window' style=\"width:" + Math.max(document.body.clientWidth * .56, minx) + "px;height:" + Math.max(miny, document.body.clientHeight * .30) + "px;top:0px;left:0px;position:absolute;\" window-name='" + name + "'>" //console.log(document.getElementById(uid).attributes["window-name"].value) a += "<div id='" + uid + "-head' class='head-border' window-name='" + name + "'> <div style='color:fdffff'>" + name + "</div>" a += "<div id='" + uid + "-close' class='close-button' window-name='" + name + "'>" + `<svg draggable="false" xmlns="http://www.w3.org/2000/svg" style="position:absolute;left:-3px;top:0px;" xmlns:xlink="http://www.w3.org/1999/xlink" width="23px" height="20px" viewBox="0 0 23 20" version="1.1"> @@ -371,7 +374,7 @@ }) }) } - + ['resize-s', 'resize-n', 'resize-e', 'resize-w', 'resize-ne', 'resize-nw', 'resize-sw', 'resize-es'].forEach((sel) => { for (let ii = 0; ii != elec.length; ii++) { @@ -551,11 +554,11 @@ px = 0, py = 0; if (elem.className == 'scrollbar-point') { - - + + } - + } @@ -575,9 +578,9 @@ </div> <div id="bar-items"> </div> - - - </div> + + + </div> </div> </div> </body> |