summaryrefslogtreecommitdiff
path: root/web/style.css
diff options
context:
space:
mode:
authorClaudomator Agent <agent@claudomator>2026-03-15 01:35:13 +0000
committerClaudomator Agent <agent@claudomator>2026-03-15 01:35:13 +0000
commit62068d8335af3b12206a4a867f38c6bf6a0f2325 (patch)
tree69dbd5023e7413f94522021917daa913e0704cc8 /web/style.css
parent4029fdd82bdd657ed862c89f20eb03ff2594cde9 (diff)
feat: add task count badges to interrupted, ready, and running tabs
- Add computeTabBadgeCounts(tasks) exported pure function - Add updateTabBadges(tasks) that updates badge spans in tab buttons - Call updateTabBadges on every poll regardless of active tab - Add .tab-count-badge spans to interrupted/ready/running tab buttons in HTML - Add CSS for .tab-count-badge pill styling (hidden when count is zero) - Add 11 tests in web/test/tab-badges.test.mjs covering all states Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'web/style.css')
-rw-r--r--web/style.css19
1 files changed, 19 insertions, 0 deletions
diff --git a/web/style.css b/web/style.css
index ee1b69c..31f929e 100644
--- a/web/style.css
+++ b/web/style.css
@@ -111,6 +111,25 @@ header h1 {
border-bottom-color: var(--accent);
}
+.tab-count-badge {
+ display: inline-block;
+ margin-left: 0.3em;
+ padding: 0 0.4em;
+ border-radius: 999px;
+ font-size: 0.7em;
+ font-weight: 700;
+ line-height: 1.5;
+ background: var(--accent);
+ color: #fff;
+ vertical-align: middle;
+ min-width: 1.4em;
+ text-align: center;
+}
+
+.tab-count-badge[hidden] {
+ display: none;
+}
+
/* Main layout */
main {
max-width: 640px;