another shrink fix

Author: codefl0w

assets/css/style.css

@@ -608,6 +608,14 @@ label {
   display: none;
 }
 
+.ghb-item-collapsed > .ghb-children {
+  display: none !important;
+}
+
+.ghb-item-open > .ghb-children {
+  display: block !important;
+}
+
 .ghb-selection {
   margin-top: 0.85rem;
   border: 1px solid #2f3b5e;

gh-boards/index.html

@@ -166,6 +166,9 @@
 
       const itemEl = document.createElement("div");
       itemEl.className = "ghb-item";
+      if (isFolder) {
+        itemEl.classList.add(isOpen ? "ghb-item-open" : "ghb-item-collapsed");
+      }
 
       const rowEl = document.createElement("div");
       rowEl.className = `ghb-row ghb-row-${node.type}`;
@@ -201,6 +204,7 @@
         const childrenEl = document.createElement("div");
         childrenEl.className = "ghb-children";
         childrenEl.hidden = !isOpen;
+        childrenEl.style.display = isOpen ? "block" : "none";
         childrenEl.setAttribute("role", "group");
         node.children.forEach((child) => {
           childrenEl.appendChild(createTreeNode(child, depth + 1, expandAll));
@@ -246,6 +250,9 @@
       const nextExpanded = !isExpanded;
       rowEl.setAttribute("aria-expanded", String(nextExpanded));
       childrenEl.hidden = !nextExpanded;
+      childrenEl.style.display = nextExpanded ? "block" : "none";
+      itemEl.classList.remove("ghb-item-open", "ghb-item-collapsed");
+      itemEl.classList.add(nextExpanded ? "ghb-item-open" : "ghb-item-collapsed");
 
       const twistyEl = rowEl.querySelector(".ghb-twisty");
       if (twistyEl) twistyEl.textContent = nextExpanded ? "-" : "+";