From 51a5acf935a1f7fbcf879fb9f748331e5a27a559 Mon Sep 17 00:00:00 2001 From: Eugene Blikh Date: Sun, 19 Jul 2026 08:11:17 +0300 Subject: [PATCH] style(web): restyle the beads parade in the todo.sr.ht idiom MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The board still read as a rounded-card kanban from another app. Re-skin every surface in sourcehut's own issue-tracker language (todo.sr.ht): flat and square — no border-radius, no shadows, no tints — hairline gray borders, monospace ids, striped-on-hover rows instead of cards, and squared bordered labels (the sourcehut .label: 1px border, no radius). The summary becomes a flat hairline strip and each lane a squared column with a 2px accent cap. The Mardi Gras hues survive only as small square swatches and the lane cap, never as fills, so the view looks like a native sourcehut tracker in both the light and dark themes. Verified via a headless light/dark render. Test asserts the renamed summary class. --- web/beads_test.go | 2 +- web/templates/beads.html | 203 ++++++++++++++++++--------------------- 2 files changed, 96 insertions(+), 109 deletions(-) diff --git a/web/beads_test.go b/web/beads_test.go index a019b766639ce44b8fccdca5d44831cfad1f5eb6..5756bfda80e603f26ecec418a6d5a90efedbe54c 100644 --- a/web/beads_test.go +++ b/web/beads_test.go @@ -299,7 +299,7 @@ func TestBeadsHandleViewBoard(t *testing.T) { t.Fatalf("board: got %d, want 200; body=%s", rec.Code, rec.Body.String()) } body := rec.Body.String() - for _, want := range []string{"Rolling", "Lined Up", "Stalled", "Past Stand", "Ready to roll", "beads-marquee"} { + for _, want := range []string{"Rolling", "Lined Up", "Stalled", "Past Stand", "Ready to roll", "beads-summary"} { if !strings.Contains(body, want) { t.Errorf("board body missing %q", want) } diff --git a/web/templates/beads.html b/web/templates/beads.html index d58eb143b45b53bdd74fed945d929063a5ebde31..1cb8696245d4e6877d29c34d88f14d630ef078d9 100644 --- a/web/templates/beads.html +++ b/web/templates/beads.html @@ -1,22 +1,26 @@ {{define "content" -}} @@ -116,16 +104,16 @@

← Back to the parade

{{with .Data.Issue}}
-

- {{.ID}} {{.Title}} - {{.Lane}} -

-
- status: {{.Status}} - {{if .Priority}}P{{.Priority}}{{end}} - {{if .IssueType}}{{.IssueType}}{{end}} - {{if .Assignee}}@{{.Assignee}}{{end}} - {{range .Labels}}{{.}}{{end}} +

+ {{.ID}} {{.Title}} + {{.Lane}} +

+
+ status: {{.Status}} + {{if .Priority}}P{{.Priority}}{{end}} + {{if .IssueType}}{{.IssueType}}{{end}} + {{if .Assignee}}@{{.Assignee}}{{end}} + {{range .Labels}}{{.}}{{end}}
@@ -146,13 +134,13 @@

Depends on

{{if $.Data.DependsOn}} -