Add magic number

opensafely-core · Sep 5, 2024 · f18352e · f18352e
1 parent 0932e05
commit f18352e
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/assets/src/scripts/resizer.js b/assets/src/scripts/resizer.js
@@ -1,3 +1,6 @@
+// Magic number for resizing
+const MAGIC_PIXELS = 8;
+
 /**
  * Debounce a function to slow down how frequently it runs.
  *
@@ -21,13 +24,13 @@ function setContentHeight() {
   const iframe = document.querySelector("iframe");
   if (iframe) {
     const iframeTop = iframe.getBoundingClientRect().top;
-    iframe.style.height = `${window.innerHeight - iframeTop}px`;
+    iframe.style.height = `${window.innerHeight - iframeTop - MAGIC_PIXELS}px`;
   }
 
   const selectedContent = document.getElementById("selected-contents");
   if (selectedContent) {
     const contentTop = selectedContent.getBoundingClientRect().top;
-    selectedContent.style.height = `${window.innerHeight - contentTop}px`;
+    selectedContent.style.height = `${window.innerHeight - contentTop - MAGIC_PIXELS}px`;
     selectedContent.classList.add("overflow-auto");
   }
 }
@@ -39,7 +42,7 @@ function setTreeHeight() {
   const iframe = document.getElementById("tree-container");
   if (iframe) {
     const iframeTop = iframe.getBoundingClientRect().top;
-    iframe.style.height = `${window.innerHeight - iframeTop}px`;
+    iframe.style.height = `${window.innerHeight - iframeTop - MAGIC_PIXELS}px`;
   }
 }