Commit `43a8eaa579`

43a8eaa579f8101094c28bc0d097b58dc6f356e2

parent: 2dba2b3994

Verified · cmc ci/build: success ci/test: success ci/vuln: success

cmc <hello@cleberg.net> · 2026-09-04 03:11 UTC

css: dead rules out, off-scale values on the scale, undefined classes resolved

Removed rules no template reaches (.mirrorline, .mirrorerr,
.railsettings, .container, .repogrid), a dark block that restated the
light value, and the second of two form.inline and .repohead .topics
declarations. The landing headline and the 404 code join the type
scale as --fs-6 and --fs-7, the dropdown shadow is a --shadow token in
both schemes, the rail item padding is --sp-1, and the blame border
uses --r-md instead of an undefined --rad-2 with a 6px fallback.
Templates asked for .primary, which a bare button already is, and
.pathbar .actions, which the stylesheet spelled .act; the edit form's
widths move from inline styles to rules.

Closes #131

Layout: unified · split

internal/web/static/style.css +14 −19

   --fs-3: 1rem;
   --fs-4: 1.2rem;
   --fs-5: 1.6rem;
+  --fs-6: 1.8rem;   /* landing headline */
+  --fs-7: 4rem;     /* the 404 code */
   /* spacing */
   --sp-1: 0.25rem;
   --r-md: 2px;
   --r-lg: 2px;
   --r-pill: 2px;
+  --shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
 }
 @media (prefers-color-scheme: dark) {
   :root {
     --accent-fg: #ffffff;
     --fill: #0000f0;         /* fills stay pure; white on it clears 9:1 */
     --fill-edge: #7d8cff;    /* a button's boundary: #0000f0 on #0a0a0a is 1.3:1 (#120) */
+    --shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
     --mark: #ff6b3d;
     --warn: #ff6b3d;
     --ok: #3fce7a;
 ul.raillist { list-style: none; margin: 0; padding: 0; }
 ul.raillist a {
   display: block;
-  padding: 0.28rem var(--sp-4);
+  padding: var(--sp-1) var(--sp-4);
   color: var(--shell-fg);
   font-size: var(--fs-2);
   border-left: 3px solid transparent;
    none and the name draws its own — the avatar square stays undecorated */
 a.railuser:hover { text-decoration: none; }
 a.railuser:hover .uname { text-decoration: underline; }
-.railfoot .railsettings { color: var(--shell-muted); display: inline-flex; }
-.railfoot .railsettings:hover { color: var(--shell-fg); }
 .railfoot form { margin-left: auto; }
 .railfoot .linklike {
   background: none; border: 0; padding: 0; cursor: pointer;
 .repotitle .sep { color: var(--muted); margin: 0 0.12em; font-weight: 400; }
 .repodesc { margin: var(--sp-2) 0 0; color: var(--muted); font-size: var(--fs-2); max-width: 62ch; }
 .repometa { margin: var(--sp-1) 0 0; color: var(--muted); font-size: var(--fs-1); }
-.repohead .topics { margin: var(--sp-2) 0 0; }
 button.btn {
   font: inherit;
   background: var(--bg);
   border: 1px solid var(--line);
   border-radius: var(--r-md);
-  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
+  box-shadow: var(--shadow);
   padding: var(--sp-1) 0;
 }
 details.refmenu .refdrop a {
 /* landing page */
 .landing { max-width: 44rem; padding: var(--sp-6) 0; }
-.landing h1 { font-size: 1.8rem; margin-bottom: var(--sp-3); }
+.landing h1 { font-size: var(--fs-6); margin-bottom: var(--sp-3); }
 .landing .lede { font-size: var(--fs-4); color: var(--muted); line-height: 1.7; margin: 0 0 var(--sp-4); }
 pre.quickstart {
   background: var(--code-bg);
 /* index toolbar */
 p.toolbar { color: var(--muted); font-size: var(--fs-2); margin-top: var(--sp-4); }
-form.inline { display: inline; }
 button.linklike {
   background: none;
   border: none;
    follow the site's own colors. */
 .code { background: var(--code-bg); color: var(--fg); padding: var(--sp-3) var(--sp-4); border-color: var(--line); }
 .code pre { margin: 0; background: transparent !important; }
-@media (prefers-color-scheme: dark) {
-  .code { border-color: var(--line); }
-}
 /* rendered markdown / org / html */
 .rendered { max-width: 100%; overflow-wrap: anywhere; }
 /* A linked line: #f2-n17 on a diff, #L17 on a file (#118). */
 .chip.label { font-weight: 500; }
 .chip.topic { --chip: var(--accent); }
 .repohead .topics { margin: 0 0 var(--sp-2); }
-.repohead .mirrorline { margin: 0 0 var(--sp-2); }
-.mirrorerr { color: var(--bad); }
 .badge-verified { --chip: var(--ok); }
 .badge-unsigned { --chip: var(--neutral); }
 .badge-signed_unknown_key { --chip: var(--warn); }
 .notfound { text-align: center; padding: var(--sp-6) 0; }
 .notfound .bigcode {
   font-family: var(--mono);
-  font-size: 4rem;
+  font-size: var(--fs-7);
   color: var(--faint);
   -webkit-text-stroke: 1px var(--line);
   margin: 0;
 /* blame */
 .blame {
   border: 1px solid var(--line);
-  border-radius: var(--rad-2, 6px);
+  border-radius: var(--r-md);
   overflow: hidden;
 }
 .blamehunk {
 /* mobile */
 @media (max-width: 40rem) {
-  .container { padding-left: var(--sp-4); padding-right: var(--sp-4); }
-  main.container { padding-top: var(--sp-2); }
-  .repogrid { grid-template-columns: 1fr; }
   .thread { margin-left: var(--sp-3); }
   /* the commit subject is the widest thing in the listing and the one
      column a phone can do without: the tipbar above already names the
 table.tree td.name.dir a { color: var(--accent); }
 p.clone { margin: 0 0 var(--sp-3); }
 p.filefacts { color: var(--muted); font-size: var(--fs-1); margin: 0 0 var(--sp-3); }
-.pathbar .act { font-size: var(--fs-1); }
+.pathbar .actions { font-size: var(--fs-1); color: var(--muted); }
 /* merge request: a two-column split, so state has somewhere to live that
    is not a run-on sentence under the title */
 p.diffstat { color: var(--muted); font-size: var(--fs-2); margin: 0 0 var(--sp-3); }
 p.diffstat .add { color: var(--ok); }
 p.diffstat .del { color: var(--bad); }
+/* file edit form */
+.editform textarea { width: 100%; }
+.editform input[name="message"] { width: 60%; }

internal/web/templates/account.html +2 −2

	@@ -29,7 +29,7 @@ a CI checkout wants.</p>
29	<option value="full">full — commands and git</option>	29	<option value="full">full — commands and git</option>
30	<option value="git">git — git transport only</option>	30	<option value="git">git — git transport only</option>
31	</select>	31	</select>
32	<button type="submit" class="primary">Add key</button>	32	<button type="submit">Add key</button>
33	</form>	33	</form>
34	</details>	34	</details>
35		35
	@@ -76,7 +76,7 @@ account, and where notifications go.</p>
76	<input type="hidden" name="field" value="pgp-add">	76	<input type="hidden" name="field" value="pgp-add">
77	<label for="pgpkey">Armored public key</label>	77	<label for="pgpkey">Armored public key</label>
78	<textarea id="pgpkey" name="key" rows="6" required placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"></textarea>	78	<textarea id="pgpkey" name="key" rows="6" required placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"></textarea>
79	<button type="submit" class="primary">Add key</button>	79	<button type="submit">Add key</button>
80	</form>	80	</form>
81	</details>	81	</details>
82		82

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

	@@ -8,7 +8,7 @@
8	<select id="job" name="job">	8	<select id="job" name="job">
9	{{range .Jobs}}<option value="{{.Name}}">{{.Name}}{{if .Schedule}} (schedule {{.Schedule}}){{else if .Tags}} (tags {{.Tags}}){{end}}</option>{{end}}	9	{{range .Jobs}}<option value="{{.Name}}">{{.Name}}{{if .Schedule}} (schedule {{.Schedule}}){{else if .Tags}} (tags {{.Tags}}){{end}}</option>{{end}}
10	</select>	10	</select>
11	<button type="submit" class="primary">Run</button>	11	<button type="submit">Run</button>
12	</form>	12	</form>
13	{{end}}	13	{{end}}
14	<details class="editbox"><summary>Status badge</summary>	14	<details class="editbox"><summary>Status badge</summary>

internal/web/templates/edit.html +3 −3

	@@ -2,9 +2,9 @@
2	{{define "content"}}	2	{{define "content"}}
3	<h1>edit {{.Repo.OwnerName}}/{{.Repo.Name}} : {{.Path}} @ {{.Ref}}</h1>	3	<h1>edit {{.Repo.OwnerName}}/{{.Repo.Name}} : {{.Path}} @ {{.Ref}}</h1>
4	{{if .Error}}<p class="error" role="alert">{{.Error}}</p>{{end}}	4	{{if .Error}}<p class="error" role="alert">{{.Error}}</p>{{end}}
5	<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/edit/{{.Ref}}/{{.Path}}">	5	<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/edit/{{.Ref}}/{{.Path}}" class="editform">
6	<p><textarea name="content" aria-label="File contents" rows="24" style="width:100%" spellcheck="false">{{.Content}}</textarea></p>	6	<p><textarea name="content" aria-label="File contents" rows="24" spellcheck="false">{{.Content}}</textarea></p>
7	<p><input name="message" aria-label="Commit message" placeholder="commit message" style="width:60%">	7	<p><input name="message" aria-label="Commit message" placeholder="commit message">
8	<button type="submit">Commit to {{.Ref}}</button></p>	8	<button type="submit">Commit to {{.Ref}}</button></p>
9	<p class="crumbs">this commit will be unsigned and authored as {{.Viewer}}</p>	9	<p class="crumbs">this commit will be unsigned and authored as {{.Viewer}}</p>
10	</form>	10	</form>

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

	@@ -102,7 +102,7 @@
102	<option value="squash">Squash</option>	102	<option value="squash">Squash</option>
103	<option value="rebase">Rebase</option>	103	<option value="rebase">Rebase</option>
104	</select>	104	</select>
105	<button type="submit" class="primary">Merge</button>	105	<button type="submit">Merge</button>
106	</form>	106	</form>
107	<form method="post" action="{{$base}}/close" class="actions">	107	<form method="post" action="{{$base}}/close" class="actions">
108	<button type="submit">Close without merging</button>	108	<button type="submit">Close without merging</button>

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

	@@ -16,7 +16,7 @@
16	</p>	16	</p>
17	<p><input type="text" name="title" aria-label="Title" placeholder="title" value="{{.Title}}" required></p>	17	<p><input type="text" name="title" aria-label="Title" placeholder="title" value="{{.Title}}" required></p>
18	<p><textarea name="body" aria-label="Description" rows="10" placeholder="what changes, and why">{{.Body}}</textarea></p>	18	<p><textarea name="body" aria-label="Description" rows="10" placeholder="what changes, and why">{{.Body}}</textarea></p>
19	<p><button type="submit" class="primary">Open merge request</button></p>	19	<p><button type="submit">Open merge request</button></p>
20	</form>	20	</form>
21	<p class="meta">A branch in a fork opens from the CLI:	21	<p class="meta">A branch in a fork opens from the CLI:
22	<code>gitbay mr create {{.Repo.OwnerName}}/{{.Repo.Name}} --source owner/fork:branch --target {{.Repo.DefaultBranch}} --title "…"</code></p>	22	<code>gitbay mr create {{.Repo.OwnerName}}/{{.Repo.Name}} --source owner/fork:branch --target {{.Repo.DefaultBranch}} --title "…"</code></p>

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

	@@ -13,7 +13,7 @@
13	</p>	13	</p>
14	<p><input type="text" name="title" aria-label="Title" placeholder="title (defaults to the tag)"></p>	14	<p><input type="text" name="title" aria-label="Title" placeholder="title (defaults to the tag)"></p>
15	<p><textarea name="notes" aria-label="Notes" rows="6" placeholder="what changed"></textarea></p>	15	<p><textarea name="notes" aria-label="Notes" rows="6" placeholder="what changed"></textarea></p>
16	<p><button type="submit" class="primary">Create release</button></p>	16	<p><button type="submit">Create release</button></p>
17	</form>	17	</form>
18	</details>	18	</details>
19	{{else if .CanWrite}}<p class="meta">Push a tag to create a release from it.</p>{{end}}	19	{{else if .CanWrite}}<p class="meta">Push a tag to create a release from it.</p>{{end}}

Commit 43a8eaa579

Commit `43a8eaa579`