Commit b597585f24
b597585f2455ff1fb8a51ba76429107f4479d029
parent: fdca23d4c6
Verified · cmc
cmc <hello@cleberg.net> · 2026-09-18 06:26 UTC
web: pinned repositories are a second row of the phone strip
Under 52rem the rail's pinned group now wraps to a full-width second
row of the strip instead of being hidden with the review queue.
Closes #220
internal/web/static/style.css
+12 −4
| @@ -1467,13 +1467,21 @@ svg.icon { vertical-align: -0.125em; } |
| 1467 | 1467 | overflow-x: auto; |
| 1468 | 1468 | } |
| 1469 | 1469 | a.brand { padding: var(--sp-2) var(--sp-3); } |
| 1470 | | .railbody { flex: 1; overflow: visible; padding: 0; display: flex; align-items: center; } |
| 1470 | .railbody { flex: 1; overflow: visible; padding: 0; display: flex; align-items: center; flex-wrap: wrap; } |
| 1471 | 1471 | form.railsearch { margin: 0 var(--sp-2); } |
| 1472 | 1472 | form.railsearch input[type="search"] { min-width: 8rem; } |
| 1473 | | /* the strip hides the pinned group and the review queue: pinned repos |
| 1474 | | are reachable from the repository pages and the review queue from |
| 1475 | | the dashboard's review section, per the spec */ |
| 1473 | /* the strip hides the review queue, reachable from the dashboard, and |
| 1474 | shows pinned repositories as a second row of the strip */ |
| 1476 | 1475 | .railgroup { display: none; } |
| 1476 | .railgroup.pinned { |
| 1477 | display: block; |
| 1478 | width: 100%; |
| 1479 | order: 9; |
| 1480 | border-top: 1px solid var(--shell-line); |
| 1481 | padding: 0 var(--sp-2); |
| 1482 | } |
| 1483 | .railgroup.pinned .raillabel { display: none; } |
| 1484 | .railgroup.pinned ul.raillist { overflow-x: auto; } |
| 1477 | 1485 | ul.raillist { display: flex; margin: 0; } |
| 1478 | 1486 | ul.raillist a { border-radius: 0; border-bottom: 2px solid transparent; padding: var(--sp-2) var(--sp-3); } |
| 1479 | 1487 | ul.raillist a[aria-current] { box-shadow: none; border-bottom-color: var(--shell-mark); } |
internal/web/templates/layout.html
+1 −1
| @@ -27,7 +27,7 @@ |
| 27 | 27 | <li><a href="/new">New repository</a></li>{{end}} |
| 28 | 28 | </ul> |
| 29 | 29 | {{with .Rail.Pinned}} |
| 30 | | <div class="railgroup"> |
| 30 | <div class="railgroup pinned"> |
| 31 | 31 | <p class="raillabel" id="rail-pinned">Pinned</p> |
| 32 | 32 | <ul class="raillist" aria-labelledby="rail-pinned"> |
| 33 | 33 | {{range .}}<li><a {{if eq $here (printf "%s/%s" .Owner .Name)}}aria-current="page" {{end}}href="/{{.Owner}}/{{.Name}}"><span class="owner">{{.Owner}}/</span>{{.Name}}</a></li> |