Monorepo for Tangled tangled.org
6

Configure Feed

Select the types of activity you want to include in your feed.

appview/pages: assortment of UI fixes

- fork button
- fork pages
- text on star/fork buttons in mobile/desktop

Signed-off-by: oppiliappan <me@oppi.li>

author
oppiliappan
date (May 11, 2026, 3:16 PM +0100) commit 26aef503 parent 50bccca6 change-id rqyyxsvu
+19 -15
+1 -1
appview/pages/templates/fragments/starBtn.html
··· 22 22 {{ i "star" "w-4 h-4 inline group-[.htmx-request]:hidden" }} 23 23 {{ end }} 24 24 {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }} 25 - <span class="text-sm md:hidden group-[.htmx-request]:hidden">{{ if .IsStarred }}unstar{{ else }}star{{ end }}</span> 25 + <span class="text-sm group-[.htmx-request]:hidden">{{ if .IsStarred }}unstar{{ else }}star{{ end }}</span> 26 26 </button> 27 27 {{ if .RepoName }} 28 28 {{ $did := .SubjectAt.Authority | string }}
+1 -1
appview/pages/templates/layouts/repobase.html
··· 119 119 "RepoName" .RepoInfo.Name) }} 120 120 <div class="flex w-full min-h-[30px] items-stretch overflow-hidden rounded border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 shadow-sm"> 121 121 <a 122 - class="btn text-sm no-underline hover:no-underline flex items-center gap-2 group" 122 + class="flex flex-1 justify-center gap-2 items-center px-2 text-sm no-underline hover:no-underline group hover:bg-gray-50 dark:hover:bg-gray-700" 123 123 hx-boost="true" 124 124 href="/{{ .RepoInfo.FullName }}/fork" 125 125 >
+13 -12
appview/pages/templates/repo/forks.html
··· 4 4 <h2 class="text-sm uppercase font-bold">Forked by</h2> 5 5 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> 6 6 {{ range .Forks }} 7 - {{ $handle := resolve .Did }} 8 - {{ $name := .Name}} 9 7 <div class="border border-gray-200 dark:border-gray-700 rounded p-4"> 10 - <div class="flex items-center gap-3"> 11 - {{ template "user/fragments/picLink" (list .Did "size-10") }} 12 - <div class="flex-1 min-w-0"> 13 - <a href="/{{ $handle }}" class="block truncate">{{ $handle }}</a> 14 - <a href="/{{ $handle }}/{{ $name }}" class="block truncate">{{ $name }}</a> 15 - <p class="text-sm text-gray-500 dark:text-gray-400"> 16 - forked {{ .Created | relTimeFmt }} 17 - </p> 18 - </div> 19 - </div> 8 + {{ template "forkOwnerAndName" . }} 9 + <p class="text-sm text-gray-500 dark:text-gray-400"> 10 + forked {{ .Created | relTimeFmt }} 11 + </p> 20 12 </div> 21 13 {{ end }} 22 14 {{ if eq .TotalCount 0 }} ··· 33 25 {{ end }} 34 26 </div> 35 27 {{ end }} 28 + 29 + {{ define "forkOwnerAndName" }} 30 + <div class="flex items-center gap-1 flex-wrap text-lg"> 31 + {{ template "user/fragments/picHandleLink" .Did }} 32 + <span class="select-none">/</span> 33 + {{ $repoOwner := resolve .Did }} 34 + <a href="/$repoOwner/{{ .Name }}">{{ .Name }}</a> 35 + </div> 36 + {{ end }}
+4 -1
appview/repo/repo.go
··· 1525 1525 return 1526 1526 } 1527 1527 1528 - rp.pages.RepoForks(w, pages.RepoForksParams{ 1528 + err = rp.pages.RepoForks(w, pages.RepoForksParams{ 1529 1529 LoggedInUser: user, 1530 1530 RepoInfo: rp.repoResolver.GetRepoInfo(r, user), 1531 1531 Forks: forks, 1532 1532 Page: page, 1533 1533 TotalCount: totalCount, 1534 1534 }) 1535 + if err != nil { 1536 + l.Error("failed to render page", "err", err) 1537 + } 1535 1538 } 1536 1539 1537 1540 // this is used to rollback changes made to the PDS