Monorepo for Tangled tangled.org

appview/templates: get rid of nbsp & middle dots

anirudh.fi 6d13f220 f5b6793a

verified
Changed files
+26 -33
appview
pages
+5 -3
appview/pages/templates/repo/blob.html
··· 16 16 {{ end }} 17 17 </div> 18 18 <div id="file-info"> 19 - <span class="text-gray-500 text-xs"> 20 19 {{ .Lines }} lines 21 - &nbsp;·&nbsp; 20 + <span class="select-none px-2 [&:before]:content-['·']"></span> 22 21 {{ byteFmt .SizeHint }} 23 - </span> 24 22 </div> 25 23 </div> 26 24 </div> 27 25 26 + {{ if eq .Lines 0 }} 27 + <p class="text-center text-gray-400">This file is empty.</p> 28 + {{ else }} 28 29 29 30 {{ if .IsBinary }}<p class="text-center text-gray-400">This is a binary file and will not be displayed.</p>{{ else }} 30 31 <pre class="font-mono text-sm overflow-auto relative text-ellipsis"><code>{{ range $idx, $line := $lines }}<span class="flex"> 31 32 <span class="{{ $code_number_style }}" style="min-width: {{$tot_chars}}ch;">{{ add $idx 1 }}</span> 32 33 <span class="whitespace-pre">{{ escapeHtml $line }}</span></span>{{ else }}<em class="text-gray-400">this file is empty</em>{{ end }}</code></pre>{{ end}} 33 34 {{ end }} 35 + {{ end }}
+9 -18
appview/pages/templates/repo/commit.html
··· 19 19 </div> 20 20 21 21 <p class="text-sm text-gray-500"> 22 - <a href="mailto:{{ $commit.Author.Email }}" class="no-underline hover:underline text-gray-500"> 23 - {{ $commit.Author.Name }} 24 - </a> 25 - &nbsp;·&nbsp; 22 + <a href="mailto:{{ $commit.Author.Email }}" class="no-underline hover:underline text-gray-500">{{ $commit.Author.Name }}</a> 23 + <span class="px-1 select-none before:content-['\00B7']"></span> 26 24 {{ timeFmt $commit.Author.When }} 27 - &nbsp;·&nbsp; 25 + <span class="px-1 select-none before:content-['\00B7']"></span> 28 26 <span class="font-mono">{{ $stat.FilesChanged }}</span> files <span class="font-mono">(+{{ $stat.Insertions }}, -{{ $stat.Deletions }})</span> 29 - &nbsp;·&nbsp; 30 - <a href="/{{ $repo }}/commit/{{ $commit.This }}" class="no-underline hover:underline text-gray-500"> 31 - {{ slice $commit.This 0 8 }} 32 - </a> 27 + <span class="px-1 select-none before:content-['\00B7']"></span> 28 + <a href="/{{ $repo }}/commit/{{ $commit.This }}" class="no-underline hover:underline text-gray-500">{{ slice $commit.This 0 8 }}</a> 33 29 {{ if $commit.Parent }} 34 - &lt;-- 35 - <a href="/{{ $repo }}/commit/{{ $commit.Parent }}" class="no-underline hover:underline text-gray-500"> 36 - {{ slice $commit.Parent 0 8 }} 37 - </a> 30 + <span class="select-none">&LeftArrow;</span> 31 + <a href="/{{ $repo }}/commit/{{ $commit.Parent }}" class="no-underline hover:underline text-gray-500">{{ slice $commit.Parent 0 8 }}</a> 38 32 {{ end }} 39 33 </p> 40 - 41 34 <div class="diff-stat"> 42 35 <br> 43 36 <strong>jump to</strong> ··· 94 87 95 88 <div id="right-side-items" class="p-2"> 96 89 <a href="#file-{{ .Name.New }}" class="no-underline hover:underline">top of file</a> 97 - 98 90 {{ if gt $idx 0 }} 99 - &nbsp;·&nbsp; 91 + <span class="px-1 select-none before:content-['\00B7']"></span> 100 92 {{ $prev := index $diff (sub $idx 1) }} 101 93 <a href="#file-{{ $prev.Name.New }}" class="no-underline hover:underline">prev</a> 102 94 {{ end }} 103 95 104 - 105 96 {{ if lt $idx $last }} 106 - &nbsp;·&nbsp; 97 + <span class="px-1 select-none before:content-['\00B7']"></span> 107 98 {{ $next := index $diff (add $idx 1) }} 108 99 <a href="#file-{{ $next.Name.New }}" class="no-underline hover:underline">next</a> 109 100 {{ end }}
+10 -10
appview/pages/templates/repo/index.html
··· 127 127 href="/{{ $.RepoInfo.FullName }}/commit/{{ .Hash.String }}" 128 128 class="text-gray-500 no-underline hover:underline" 129 129 >{{ slice .Hash.String 0 8 }}</a 130 - > 131 - </span> 132 - &nbsp;·&nbsp; 133 - <span> 134 - <a 130 + > 131 + </span> 132 + <span class="mx-2 before:content-['·'] before:select-none"></span> 133 + <span> 134 + <a 135 135 href="mailto:{{ .Author.Email }}" 136 136 class="text-gray-500 no-underline hover:underline" 137 137 >{{ .Author.Name }}</a 138 - > 139 - </span> 140 - &nbsp;·&nbsp; 141 - <span>{{ timeFmt .Author.When }}</span> 142 - </div> 138 + > 139 + </span> 140 + <div class="inline-block px-1 select-none after:content-['·']"></div> 141 + <span>{{ timeFmt .Author.When }}</span> 142 + </div> 143 143 </div> 144 144 {{ end }} 145 145 </div>
+2 -2
appview/pages/templates/repo/tree.html
··· 17 17 18 18 {{ if eq $stats.NumFolders 1 }} 19 19 {{ $stats.NumFolders }} folder 20 - &nbsp;·&nbsp; 20 + <span class="px-1 select-none">·</span> 21 21 {{ else if gt $stats.NumFolders 1 }} 22 22 {{ $stats.NumFolders }} folders 23 - &nbsp;·&nbsp; 23 + <span class="px-1 select-none">·</span> 24 24 {{ end }} 25 25 26 26 {{ if eq $stats.NumFiles 1 }}