Fix for long trees

opensafely-core · Sep 3, 2024 · ffb5f9a · ffb5f9a
1 parent aa99d52
commit ffb5f9a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/airlock/templates/file_browser/index.html b/airlock/templates/file_browser/index.html
@@ -15,7 +15,7 @@
 
 {% block full_width_content %}
   <div class="grid grid-cols-4 gap-x-4 flex-1">
-    <div class="border-r border-t bg-white overflow-auto">
+    <div class="border-r border-t bg-white overflow-auto" id="tree-container">
       <ul
         class="tree root tree__root"
         hx-boost="true"

diff --git a/assets/src/scripts/_resizer.js b/assets/src/scripts/_resizer.js
@@ -6,6 +6,14 @@ function setBrowserHeight() {
   }
 }
 
+function setTreeHeight() {
+  const iframe = document.getElementById("tree-container");
+  if (iframe) {
+    const iframeTop = iframe.getBoundingClientRect()["top"];
+    iframe.style.height = `${window.innerHeight - iframeTop}px`;
+  }
+}
+
 if (document.getElementById("selected-contents")) {
   document.documentElement.classList.remove("min-h-screen");
   document.documentElement.classList.add("h-screen");
@@ -15,6 +23,7 @@ if (document.getElementById("selected-contents")) {
 
   new ResizeObserver(() => {
     setBrowserHeight();
+    setTreeHeight();
   }).observe(document.documentElement);
 }