diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-08-06 00:48:10 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-08-06 00:48:10 +0200 |
commit | 4c06ace245bffa98a2b994ce81f4d1a1ea7fa750 (patch) | |
tree | 183b1fa701bad12169bf67705ad3e2a6fea52d79 /static/script.js | |
parent | Clean up caltable code. (diff) | |
download | calp-4c06ace245bffa98a2b994ce81f4d1a1ea7fa750.tar.gz calp-4c06ace245bffa98a2b994ce81f4d1a1ea7fa750.tar.xz |
Start moving popup's away from parents.
Diffstat (limited to 'static/script.js')
-rw-r--r-- | static/script.js | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/static/script.js b/static/script.js index d3526849..f7f46c99 100644 --- a/static/script.js +++ b/static/script.js @@ -569,10 +569,27 @@ function close_popup(popup) { function open_popup(popup) { popup.classList.add("visible"); + let element = document.getElementById(popup.id.substr(5)) + let root = document.body; + let offsetX = 0, offsetY = 0; + while (element !== root) { + console.log(element); + offsetX += element.offsetLeft; + offsetY += element.offsetTop; + element = element.offsetParent; + } + console.table({offsetX, offsetY}) + popup.style.left = offsetX + "px"; + popup.style.top = offsetY + "px"; } function toggle_popup(popup) { - popup.classList.toggle("visible"); + // popup.classList.toggle("visible"); + if (popup.classList.contains("visible")) { + close_popup(popup); + } else { + open_popup(popup); + } } function toggle_child_popup(el) { |