diff options
| author | Claudomator Agent <agent@claudomator.local> | 2026-07-06 04:54:29 +0000 |
|---|---|---|
| committer | Claudomator Agent <agent@claudomator.local> | 2026-07-06 04:54:29 +0000 |
| commit | 18170fd5fc68cee039e2a8b471d3a7d502866454 (patch) | |
| tree | b54e5ffc7c1a3a3606306c03a1c0a445114f7b1f | |
| parent | a03203ec4ef4048ff94e3ddb02ff7f124a762030 (diff) | |
fix(web): reviewer findings on Tasks board CSS (task 3 follow-up)
- Change .tasks-column width from 300px to 220px (spec literal value)
- Change .tasks-column-list max-height from 60vh to 70vh (spec literal value)
- Add missing .task-log-tail and .task-log-tail-placeholder rules after .tasks-column-list
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
| -rw-r--r-- | web/style.css | 25 |
1 files changed, 22 insertions, 3 deletions
diff --git a/web/style.css b/web/style.css index 68b6f95..f8ed1e7 100644 --- a/web/style.css +++ b/web/style.css @@ -2174,8 +2174,8 @@ dialog label select:focus { } .tasks-column { - flex: 0 0 300px; - width: 300px; + flex: 0 0 220px; + width: 220px; background: var(--bg); border: 1px solid var(--border); border-radius: 0.5rem; @@ -2212,8 +2212,27 @@ dialog label select:focus { flex-direction: column; gap: 0.5rem; min-height: 40px; - max-height: 60vh; + max-height: 70vh; + overflow-y: auto; +} + +.task-log-tail { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 6px; + padding: 0.5rem 0.625rem; + font-family: monospace; + font-size: 0.75rem; + max-height: 90px; overflow-y: auto; + white-space: pre-wrap; + word-break: break-word; +} + +.task-log-tail-placeholder { + color: var(--text-muted); + font-size: 0.8rem; + font-style: italic; } .story-card { |