feat: 看板细节优化与设计走查补充
DashboardView 调整窄屏布局与卡片展示,回归脚本补充断言,新增窄屏看板设计截图并更新视觉走查记录。
This commit is contained in:
47
design-qa.md
47
design-qa.md
@@ -278,3 +278,50 @@ Browser measurements:
|
||||
Design-QA final result: passed
|
||||
|
||||
final result: passed
|
||||
|
||||
## Narrow service-status revision
|
||||
|
||||
- User request: make the right-hand service-status panel slightly narrower.
|
||||
- Revised implementation screenshot: `docs/superpowers/specs/assets/service-dashboard-narrow-service-1440x900.png`
|
||||
- Viewports: 1440 × 900 and 1440 × 768
|
||||
- State: authenticated dashboard with the service-status column reduced to approximately 30% of the middle row.
|
||||
|
||||
### Iteration 5 — passed
|
||||
|
||||
The middle grid now allocates `1.9fr` to the training chart and `0.82fr` to service status, with a 300px minimum width for the service panel. This gives the chart more horizontal space while keeping all service names, status badges, and instance counts fully visible.
|
||||
|
||||
Browser measurements:
|
||||
|
||||
- at 1440 × 900, chart width: 799px; service width: 345px; service share: 30.1%
|
||||
- at 1440 × 768, chart width: 799px; service width: 345px
|
||||
- clipped service cells: none at both tested viewports
|
||||
- horizontal and vertical document overflow: none at both tested viewports
|
||||
- browser console errors: none
|
||||
- `npm run test:dashboard`, `npm run test:default-dashboard`, and `npx vite build`: passed
|
||||
|
||||
Design-QA final result: passed
|
||||
|
||||
final result: passed
|
||||
|
||||
## Taller training-task revision
|
||||
|
||||
- User request: increase the training-task region slightly and shorten the middle chart/service region.
|
||||
- Source visual truth: `docs/superpowers/specs/assets/service-dashboard-narrow-service-1440x900.png` plus the current user annotation.
|
||||
- Intended viewports: 1440 × 900 and 1440 × 768.
|
||||
- State: authenticated dashboard with larger task heading and table rows.
|
||||
|
||||
### Iteration 6 — blocked
|
||||
|
||||
The task section now uses a taller heading and table rows in both standard and low-height desktop modes. Because the middle row is the only flexible region, the additional task height is taken directly from the chart/service row while preserving the one-screen layout contract in code.
|
||||
|
||||
Verification evidence:
|
||||
|
||||
- `npm run test:dashboard`: passed
|
||||
- `npm run test:default-dashboard`: passed
|
||||
- `npx vite build`: passed
|
||||
- browser-rendered comparison: blocked because the in-app browser rejected the local preview URL under its URL security policy
|
||||
- implementation screenshot: unavailable for this iteration
|
||||
|
||||
Design-QA final result: blocked
|
||||
|
||||
final result: blocked
|
||||
|
||||
Reference in New Issue
Block a user