shiyuyun/wyndham-ARR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
bf7939dd1ad8b3914e1075db0f6618b1812012ba
wyndham-ARR/.project-docs/50-evidence/topics/2026-07-31-daily-kpi-card-height.md
Wyndham ARR bf7939dd1a feat: sync latest ARR implementation
2026-07-31 15:11:42 +08:00

1.7 KiB
Raw Blame History

Daily KPI Card Size Refinement

Metadata

  • Date: 2026-07-31
  • Status: Implemented
  • Scope: Daily ARRIVAL DATE, processing duration and NO. OF ROOM cards
  • Confidence: Fact
  • Source: arr_web/static/styles.css, tests/test_arr_web_daily_visual_ui.py
  • Last verified: 2026-07-31

User-Facing Outcome

  • The three daily KPI cards retain their original grid-column widths.
  • Desktop cards now stretch to the same compact grid-row height as the upload panel, approximately one-third of the prior screenshot height.
  • KPI content remains vertically centered within each equal-height card.
  • The upload card's dropzone is compressed into a horizontal icon-and-copy layout, with smaller heading, progress and footer spacing so the whole row stays compact.
  • At narrow widths, the original larger upload/dropzone treatment and stacked content remain in place.

Verification

  • node --check arr_web/static/app.js: passed.
  • python3 -m unittest tests.test_arr_web_daily_visual_ui tests.test_arr_web_task_log_ui tests.test_arr_web_job_trace tests.test_arr_web_repository_schema tests.test_arr_web.PortalApplicationTests.test_fixed_static_routes_and_required_content tests.test_arr_web.PortalApplicationTests.test_all_public_assets_exclude_removed_copy: 20 passed.
  • No upload request, progress state, task-log behavior, API route or processing coordinator changed.

Design Boundary

This is a preserve-mode refinement using the existing light neutral surfaces, blue accent, 16px card radius and native CSS. The selected dials remain DESIGN_VARIANCE: 3, MOTION_INTENSITY: 3 and VISUAL_DENSITY: 5; the change addresses the visual proportion shown in the supplied reference without adding new dependencies, motion or a new component system.