lewis.moe
Monorepo for Tangled
appview: pulls: improve stacking UI on narrow displays
authored by
oppiliappan
and committed by
Tangled
ac6652ac
0406f910
+7
-5
appview/pages/templates/repo/pulls/fragments/pullStack.html
+7
-5
appview/pages/templates/repo/pulls/fragments/pullStack.html
···
10
10
11
11
{{ define "summarizedHeader" }}
12
12
<div class="flex text-sm items-center justify-between w-full">
13
-
<div class="flex items-center gap-2 text-ellipsis">
14
-
{{ block "summarizedPullState" . }} {{ end }}
15
-
<span>
13
+
<div class="flex items-center gap-2 min-w-0 flex-1 pr-2">
14
+
<div class="flex-shrink-0">
15
+
{{ block "summarizedPullState" . }} {{ end }}
16
+
</div>
17
+
<span class="truncate text-sm text-gray-800 dark:text-gray-200">
16
18
<span class="text-gray-500 dark:text-gray-400">#{{ .PullId }}</span>
17
19
{{ .Title }}
18
20
</span>
19
21
</div>
20
22
21
-
<div>
23
+
<div class="flex-shrink-0">
22
24
{{ $latestRound := .LastRoundNumber }}
23
25
{{ $lastSubmission := index .Submissions $latestRound }}
24
26
{{ $commentCount := len $lastSubmission.Comments }}
···
72
74
{{ if $isCurrent }}
73
75
{{ i "arrow-right" "w-4 h-4" }}
74
76
{{ end }}
75
-
<div class="{{ if not $isCurrent }} ml-6 {{ end }} w-full py-2">
77
+
<div class="{{ if not $isCurrent }} pl-6 {{ end }} w-full py-2">
76
78
{{ block "summarizedHeader" $pull }} {{ end }}
77
79
</div>
78
80
</div>