Monorepo for Tangled tangled.org

appview: pulls: improve stacking UI on narrow displays

authored by oppi.li and committed by Tangled ac6652ac 0406f910

Changed files
+7 -5
appview
pages
templates
repo
pulls
fragments
+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>