krz/gitbay

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

merged merged by cmc on 2026-09-04 04:18 UTC · krz/gitbay:stylesheet-cleanup into main

7 files changed, +23 −28

Layout: unified · split

internal/web/static/style.css +14 −19
@@ -82,6 +82,8 @@
8282 --fs-3: 1rem;
8383 --fs-4: 1.2rem;
8484 --fs-5: 1.6rem;
85 --fs-6: 1.8rem; /* landing headline */
86 --fs-7: 4rem; /* the 404 code */
8587
8688 /* spacing */
8789 --sp-1: 0.25rem;
@@ -98,6 +100,7 @@
98100 --r-md: 2px;
99101 --r-lg: 2px;
100102 --r-pill: 2px;
103 --shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
101104}
102105@media (prefers-color-scheme: dark) {
103106 :root {
@@ -120,6 +123,7 @@
120123 --accent-fg: #ffffff;
121124 --fill: #0000f0; /* fills stay pure; white on it clears 9:1 */
122125 --fill-edge: #7d8cff; /* a button's boundary: #0000f0 on #0a0a0a is 1.3:1 (#120) */
126 --shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
123127 --mark: #ff6b3d;
124128 --warn: #ff6b3d;
125129 --ok: #3fce7a;
@@ -223,7 +227,7 @@ a.brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
223227ul.raillist { list-style: none; margin: 0; padding: 0; }
224228ul.raillist a {
225229 display: block;
226 padding: 0.28rem var(--sp-4);
230 padding: var(--sp-1) var(--sp-4);
227231 color: var(--shell-fg);
228232 font-size: var(--fs-2);
229233 border-left: 3px solid transparent;
@@ -289,8 +293,6 @@ a.railuser { display: inline-flex; align-items: center; gap: var(--sp-2); }
289293 none and the name draws its own — the avatar square stays undecorated */
290294a.railuser:hover { text-decoration: none; }
291295a.railuser:hover .uname { text-decoration: underline; }
292.railfoot .railsettings { color: var(--shell-muted); display: inline-flex; }
293.railfoot .railsettings:hover { color: var(--shell-fg); }
294296.railfoot form { margin-left: auto; }
295297.railfoot .linklike {
296298 background: none; border: 0; padding: 0; cursor: pointer;
@@ -337,7 +339,6 @@ a.railuser:hover .uname { text-decoration: underline; }
337339.repotitle .sep { color: var(--muted); margin: 0 0.12em; font-weight: 400; }
338340.repodesc { margin: var(--sp-2) 0 0; color: var(--muted); font-size: var(--fs-2); max-width: 62ch; }
339341.repometa { margin: var(--sp-1) 0 0; color: var(--muted); font-size: var(--fs-1); }
340.repohead .topics { margin: var(--sp-2) 0 0; }
341342
342343button.btn {
343344 font: inherit;
@@ -470,7 +471,7 @@ details.refmenu .refdrop {
470471 background: var(--bg);
471472 border: 1px solid var(--line);
472473 border-radius: var(--r-md);
473 box-shadow: 0 4px 16px rgba(0,0,0,0.12);
474 box-shadow: var(--shadow);
474475 padding: var(--sp-1) 0;
475476}
476477details.refmenu .refdrop a {
@@ -728,7 +729,7 @@ a.memberchip .role { color: var(--muted); }
728729
729730/* landing page */
730731.landing { max-width: 44rem; padding: var(--sp-6) 0; }
731.landing h1 { font-size: 1.8rem; margin-bottom: var(--sp-3); }
732.landing h1 { font-size: var(--fs-6); margin-bottom: var(--sp-3); }
732733.landing .lede { font-size: var(--fs-4); color: var(--muted); line-height: 1.7; margin: 0 0 var(--sp-4); }
733734pre.quickstart {
734735 background: var(--code-bg);
@@ -742,7 +743,6 @@ pre.quickstart {
742743
743744/* index toolbar */
744745p.toolbar { color: var(--muted); font-size: var(--fs-2); margin-top: var(--sp-4); }
745form.inline { display: inline; }
746746button.linklike {
747747 background: none;
748748 border: none;
@@ -767,10 +767,6 @@ button.linklike:hover { text-decoration: underline; filter: none; }
767767 follow the site's own colors. */
768768.code { background: var(--code-bg); color: var(--fg); padding: var(--sp-3) var(--sp-4); border-color: var(--line); }
769769.code pre { margin: 0; background: transparent !important; }
770@media (prefers-color-scheme: dark) {
771 .code { border-color: var(--line); }
772}
773
774770/* rendered markdown / org / html */
775771.rendered { max-width: 100%; overflow-wrap: anywhere; }
776772/* A linked line: #f2-n17 on a diff, #L17 on a file (#118). */
@@ -1024,8 +1020,6 @@ table.difftable td.ln a.cmt:focus { color: var(--accent); text-decoration: under
10241020.chip.label { font-weight: 500; }
10251021.chip.topic { --chip: var(--accent); }
10261022.repohead .topics { margin: 0 0 var(--sp-2); }
1027.repohead .mirrorline { margin: 0 0 var(--sp-2); }
1028.mirrorerr { color: var(--bad); }
10291023.badge-verified { --chip: var(--ok); }
10301024.badge-unsigned { --chip: var(--neutral); }
10311025.badge-signed_unknown_key { --chip: var(--warn); }
@@ -1317,7 +1311,7 @@ button:hover { filter: brightness(1.15); }
13171311.notfound { text-align: center; padding: var(--sp-6) 0; }
13181312.notfound .bigcode {
13191313 font-family: var(--mono);
1320 font-size: 4rem;
1314 font-size: var(--fs-7);
13211315 color: var(--faint);
13221316 -webkit-text-stroke: 1px var(--line);
13231317 margin: 0;
@@ -1386,7 +1380,7 @@ pre.matchline mark {
13861380/* blame */
13871381.blame {
13881382 border: 1px solid var(--line);
1389 border-radius: var(--rad-2, 6px);
1383 border-radius: var(--r-md);
13901384 overflow: hidden;
13911385}
13921386.blamehunk {
@@ -1429,9 +1423,6 @@ pre.matchline mark {
14291423
14301424/* mobile */
14311425@media (max-width: 40rem) {
1432 .container { padding-left: var(--sp-4); padding-right: var(--sp-4); }
1433 main.container { padding-top: var(--sp-2); }
1434 .repogrid { grid-template-columns: 1fr; }
14351426 .thread { margin-left: var(--sp-3); }
14361427 /* the commit subject is the widest thing in the listing and the one
14371428 column a phone can do without: the tipbar above already names the
@@ -1482,7 +1473,7 @@ table.tree td.name { width: 25%; white-space: nowrap; }
14821473table.tree td.name.dir a { color: var(--accent); }
14831474p.clone { margin: 0 0 var(--sp-3); }
14841475p.filefacts { color: var(--muted); font-size: var(--fs-1); margin: 0 0 var(--sp-3); }
1485.pathbar .act { font-size: var(--fs-1); }
1476.pathbar .actions { font-size: var(--fs-1); color: var(--muted); }
14861477
14871478/* merge request: a two-column split, so state has somewhere to live that
14881479 is not a run-on sentence under the title */
@@ -1549,3 +1540,7 @@ nav.subtabs a i {
15491540p.diffstat { color: var(--muted); font-size: var(--fs-2); margin: 0 0 var(--sp-3); }
15501541p.diffstat .add { color: var(--ok); }
15511542p.diffstat .del { color: var(--bad); }
1543
1544/* file edit form */
1545.editform textarea { width: 100%; }
1546.editform input[name="message"] { width: 60%; }
internal/web/templates/account.html +2 −2
@@ -29,7 +29,7 @@ a CI checkout wants.</p>
2929 <option value="full">full — commands and git</option>
3030 <option value="git">git — git transport only</option>
3131 </select>
32 <button type="submit" class="primary">Add key</button>
32 <button type="submit">Add key</button>
3333 </form>
3434</details>
3535
@@ -76,7 +76,7 @@ account, and where notifications go.</p>
7676 <input type="hidden" name="field" value="pgp-add">
7777 <label for="pgpkey">Armored public key</label>
7878 <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>
8080 </form>
8181</details>
8282
internal/web/templates/builds.html +1 −1
@@ -8,7 +8,7 @@
88 <select id="job" name="job">
99 {{range .Jobs}}<option value="{{.Name}}">{{.Name}}{{if .Schedule}} (schedule {{.Schedule}}){{else if .Tags}} (tags {{.Tags}}){{end}}</option>{{end}}
1010 </select>
11 <button type="submit" class="primary">Run</button>
11 <button type="submit">Run</button>
1212</form>
1313{{end}}
1414<details class="editbox"><summary>Status badge</summary>
internal/web/templates/edit.html +3 −3
@@ -2,9 +2,9 @@
22{{define "content"}}
33<h1>edit {{.Repo.OwnerName}}/{{.Repo.Name}} : {{.Path}} @ {{.Ref}}</h1>
44{{if .Error}}<p class="error" role="alert">{{.Error}}</p>{{end}}
5<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/edit/{{.Ref}}/{{.Path}}">
6<p><textarea name="content" aria-label="File contents" rows="24" style="width:100%" spellcheck="false">{{.Content}}</textarea></p>
7<p><input name="message" aria-label="Commit message" placeholder="commit message" style="width:60%">
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" spellcheck="false">{{.Content}}</textarea></p>
7<p><input name="message" aria-label="Commit message" placeholder="commit message">
88<button type="submit">Commit to {{.Ref}}</button></p>
99<p class="crumbs">this commit will be unsigned and authored as {{.Viewer}}</p>
1010</form>
internal/web/templates/mr.html +1 −1
@@ -102,7 +102,7 @@
102102 <option value="squash">Squash</option>
103103 <option value="rebase">Rebase</option>
104104 </select>
105 <button type="submit" class="primary">Merge</button>
105 <button type="submit">Merge</button>
106106 </form>
107107 <form method="post" action="{{$base}}/close" class="actions">
108108 <button type="submit">Close without merging</button>
internal/web/templates/mrnew.html +1 −1
@@ -16,7 +16,7 @@
1616</p>
1717<p><input type="text" name="title" aria-label="Title" placeholder="title" value="{{.Title}}" required></p>
1818<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>
2020</form>
2121<p class="meta">A branch in a fork opens from the CLI:
2222<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 @@
1313 </p>
1414 <p><input type="text" name="title" aria-label="Title" placeholder="title (defaults to the tag)"></p>
1515 <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>
1717</form>
1818</details>
1919{{else if .CanWrite}}<p class="meta">Push a tag to create a release from it.</p>{{end}}