From 49935edec82942d03814b01cbaba009fe5513915 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Fri, 6 Jun 2025 16:26:44 +0100
Subject: [PATCH] appview: pulls: make stack component collapsible
Change-Id: xwxnuorpzwsukmkvuurpywmluqmutvol

useful for bigger stacks to reduce the amount of vertical space
occupied.

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../repo/pulls/fragments/pullStack.html       | 35 ++++++++++++++++---
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/appview/pages/templates/repo/pulls/fragments/pullStack.html b/appview/pages/templates/repo/pulls/fragments/pullStack.html
index e9468d3..9543a21 100644
--- a/appview/pages/templates/repo/pulls/fragments/pullStack.html
+++ b/appview/pages/templates/repo/pulls/fragments/pullStack.html
@@ -1,10 +1,37 @@
 {{ define "repo/pulls/fragments/pullStack" }}
-  <p class="text-sm font-bold p-2 dark:text-white">STACK</p>
-  {{ block "pullList" (list .Stack $) }} {{ end }}
+
+  <details class="bg-white dark:bg-gray-800 group" open>
+    <summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
+      <span class="flex items-center gap-2">
+        <span class="group-open:hidden">
+          {{ i "chevrons-up-down" "w-4 h-4" }}
+        </span>
+        <span class="hidden group-open:flex">
+          {{ i "chevrons-down-up" "w-4 h-4" }}
+        </span>
+        STACK
+        <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .Stack }}</span>
+      </span>
+    </summary>
+    {{ block "pullList" (list .Stack $) }} {{ end }}
+  </details>
 
   {{ if gt (len .AbandonedPulls) 0 }}
-    <p class="text-sm font-bold p-2 dark:text-white">ABANDONED PULLS</p>
-    {{ block "pullList" (list .AbandonedPulls $) }} {{ end }}
+    <details class="mt-4 bg-white dark:bg-gray-800 group" open>
+      <summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
+        <span class="flex items-center gap-2">
+          <span class="group-open:hidden">
+            {{ i "chevrons-up-down" "w-4 h-4" }}
+          </span>
+          <span class="hidden group-open:flex">
+            {{ i "chevrons-down-up" "w-4 h-4" }}
+          </span>
+          ABANDONED PULLS
+          <span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .AbandonedPulls }}</span>
+        </span>
+      </summary>
+      {{ block "pullList" (list .AbandonedPulls $) }} {{ end }}
+    </details>
   {{ end }}
 {{ end }}
 
-- 
2.43.0