Fix mobile layout overflows and link mirror targets !37

merged merged by cmc on 2026-08-25 15:08 UTC · krz/gitbay:web-mirror-mobile-fixes into main

4 files changed, +12 −7

Layout: unified · split

e2e/mirror_test.go +1 −1

	@@ -119,7 +119,7 @@ func TestMirrors(t *testing.T) {
119	if status, _ := browserGet(t, browser, inst.base()+loginPath); status != 200 {	119	if status, _ := browserGet(t, browser, inst.base()+loginPath); status != 200 {
120	t.Fatalf("login: %d", status)	120	t.Fatalf("login: %d", status)
121	}	121	}
122	if _, body := browserGet(t, browser, inst.base()+"/alice/app"); !strings.Contains(body, "mirrors to") {	122	if _, body := browserGet(t, browser, inst.base()+"/alice/app"); !strings.Contains(body, "mirrors to <a href=\""+remoteURL) {
123	t.Fatalf("admin repo page missing mirror line:\n%s", body)	123	t.Fatalf("admin repo page missing mirror line:\n%s", body)
124	}	124	}
125	if _, body := browserGet(t, newBrowser(t), inst.base()+"/alice/app"); strings.Contains(body, "mirrors to") {	125	if _, body := browserGet(t, newBrowser(t), inst.base()+"/alice/app"); strings.Contains(body, "mirrors to") {

internal/httpd/web.go +4 −2

 }
 // mirrorLine is the admin-only mirror status shown in the repo header.
-// It carries no credentials: URL host/path only, sync time, and error.
+// It carries no credentials: the stored URL is credential-free.
 type mirrorLine struct {
 	Direction string
-	Target    string // URL without the scheme
+	URL       string
+	Target    string // URL without the scheme, for display
 	Synced    string
 	Error     string
 }
 		for _, m := range ms {
 			mirrors = append(mirrors, mirrorLine{
 				Direction: m.Direction,
+				URL:       m.URL,
 				Target:    strings.TrimPrefix(strings.TrimPrefix(m.URL, "https://"), "http://"),
 				Synced:    syncedAt(m.LastSync),
 				Error:     m.LastError,

internal/web/static/style.css +6 −3

 }
 * { box-sizing: border-box; }
-html { font-size: 15px; }
+html { font-size: 15px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
 body {
   margin: 0;
   background: var(--bg);
 .wikinav li a:hover { color: var(--accent); text-decoration: none; }
 .wikinav li a.active { color: var(--accent); font-weight: 550; }
 @media (max-width: 40rem) {
-  .wikilayout { flex-direction: column; }
+  /* Column direction + the desktop align-items:flex-start lets .wikipage
+     take its content's intrinsic width, overflowing the viewport (and
+     triggering iOS font inflation). Stretch pins it to the container. */
+  .wikilayout { flex-direction: column; align-items: stretch; }
   .wikinav { width: auto; padding-top: 0; }
 }
   main.container { padding-top: var(--sp-2); }
   .repogrid { grid-template-columns: 1fr; }
   .thread { margin-left: var(--sp-3); }
-  table.tree td.mode { display: none; }
+  table.tree td.mode, table.tree th.mode { display: none; }
   .readme, .code { padding: var(--sp-3); }
   .blamehunk { flex-direction: column; gap: 0; }
   .blameinfo { width: auto; }

internal/web/templates/layout.html +1 −1

	@@ -32,7 +32,7 @@
32	<h1 class="repotitle"><a class="owner" href="/{{.Repo.OwnerName}}">{{.Repo.OwnerName}}</a><span class="sep">/</span><a href="/{{.Repo.OwnerName}}/{{.Repo.Name}}">{{.Repo.Name}}</a>{{if eq .Repo.Visibility "private"}} <span class="chip chip-neutral">private</span>{{end}}{{if .Repo.Settings.Archived}} <span class="chip chip-stale">archived</span>{{end}}{{if .Viewer}}<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/pin" class="inline pinform"><button type="submit" class="pinbtn{{if .Pinned}} pinned{{end}}" title="{{if .Pinned}}unpin from dashboard{{else}}pin to dashboard{{end}}">{{if .Pinned}}★ pinned{{else}}☆ pin{{end}}</button></form>{{end}}</h1>	32	<h1 class="repotitle"><a class="owner" href="/{{.Repo.OwnerName}}">{{.Repo.OwnerName}}</a><span class="sep">/</span><a href="/{{.Repo.OwnerName}}/{{.Repo.Name}}">{{.Repo.Name}}</a>{{if eq .Repo.Visibility "private"}} <span class="chip chip-neutral">private</span>{{end}}{{if .Repo.Settings.Archived}} <span class="chip chip-stale">archived</span>{{end}}{{if .Viewer}}<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/pin" class="inline pinform"><button type="submit" class="pinbtn{{if .Pinned}} pinned{{end}}" title="{{if .Pinned}}unpin from dashboard{{else}}pin to dashboard{{end}}">{{if .Pinned}}★ pinned{{else}}☆ pin{{end}}</button></form>{{end}}</h1>
33	{{if .Desc}}<p class="desc">{{.Desc}}</p>{{end}}	33	{{if .Desc}}<p class="desc">{{.Desc}}</p>{{end}}
34	{{if .Topics}}<p class="topics">{{range .Topics}}<span class="chip topic">{{.}}</span> {{end}}</p>{{end}}	34	{{if .Topics}}<p class="topics">{{range .Topics}}<span class="chip topic">{{.}}</span> {{end}}</p>{{end}}
35	{{range .Mirrors}}<p class="meta mirrorline">{{if eq .Direction "push"}}mirrors to{{else}}mirrors from{{end}} {{.Target}}{{if .Error}} · <span class="mirrorerr">sync error: {{.Error}}</span>{{else if .Synced}} · synced {{.Synced}}{{end}}</p>	35	{{range .Mirrors}}<p class="meta mirrorline">{{if eq .Direction "push"}}mirrors to{{else}}mirrors from{{end}} <a href="{{.URL}}" rel="nofollow">{{.Target}}</a>{{if .Error}} · <span class="mirrorerr">sync error: {{.Error}}</span>{{else if .Synced}} · synced {{.Synced}}{{end}}</p>
36	{{end}}<nav class="tabs">	36	{{end}}<nav class="tabs">
37	<a {{if eq .Tab "files"}}class="active" {{end}}href="/{{.Repo.OwnerName}}/{{.Repo.Name}}">files</a>	37	<a {{if eq .Tab "files"}}class="active" {{end}}href="/{{.Repo.OwnerName}}/{{.Repo.Name}}">files</a>
38	<a {{if eq .Tab "log"}}class="active" {{end}}href="/{{.Repo.OwnerName}}/{{.Repo.Name}}/log">log</a>	38	<a {{if eq .Tab "log"}}class="active" {{end}}href="/{{.Repo.OwnerName}}/{{.Repo.Name}}/log">log</a>