zan.dev
appview: pulls: make stack component collapsible
useful for bigger stacks to reduce the amount of vertical space
occupied.
Signed-off-by: oppiliappan <me@oppi.li>
oppi.li
+31
-4
appview/pages/templates/repo/pulls/fragments/pullStack.html
+31
-4
appview/pages/templates/repo/pulls/fragments/pullStack.html
···
1
1
{{ define "repo/pulls/fragments/pullStack" }}
2
-
<p class="text-sm font-bold p-2 dark:text-white">STACK</p>
3
-
{{ block "pullList" (list .Stack $) }} {{ end }}
2
+
3
+
<details class="bg-white dark:bg-gray-800 group" open>
4
+
<summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
5
+
<span class="flex items-center gap-2">
6
+
<span class="group-open:hidden">
7
+
{{ i "chevrons-up-down" "w-4 h-4" }}
8
+
</span>
9
+
<span class="hidden group-open:flex">
10
+
{{ i "chevrons-down-up" "w-4 h-4" }}
11
+
</span>
12
+
STACK
13
+
<span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .Stack }}</span>
14
+
</span>
15
+
</summary>
16
+
{{ block "pullList" (list .Stack $) }} {{ end }}
17
+
</details>
4
18
5
19
{{ if gt (len .AbandonedPulls) 0 }}
6
-
<p class="text-sm font-bold p-2 dark:text-white">ABANDONED PULLS</p>
7
-
{{ block "pullList" (list .AbandonedPulls $) }} {{ end }}
20
+
<details class="mt-4 bg-white dark:bg-gray-800 group" open>
21
+
<summary class="p-2 text-sm font-bold list-none cursor-pointer hover:text-gray-500 hover:dark:text-gray-400">
22
+
<span class="flex items-center gap-2">
23
+
<span class="group-open:hidden">
24
+
{{ i "chevrons-up-down" "w-4 h-4" }}
25
+
</span>
26
+
<span class="hidden group-open:flex">
27
+
{{ i "chevrons-down-up" "w-4 h-4" }}
28
+
</span>
29
+
ABANDONED PULLS
30
+
<span class="bg-gray-200 dark:bg-gray-700 rounded py-1/2 px-1 text-sm ml-1">{{ len .AbandonedPulls }}</span>
31
+
</span>
32
+
</summary>
33
+
{{ block "pullList" (list .AbandonedPulls $) }} {{ end }}
34
+
</details>
8
35
{{ end }}
9
36
{{ end }}
10
37