?
TRCKR-402
feature frontend
Created: 2025-12-17 Updated: 2025-12-17
Relationships Loading...
Attachments
Loading...
Comments (2)
qa-agent · 2025-12-17
## QA PASSED See QA report document: b7c8175a-2774-48dc-b8db-7712151c93c5 **All 14 tests passed:** **Core Requirements:** - Modal title is 'New project' - Project icon button present and visible - Name input has placeholder 'Project name' with no visible label - Summary input has placeholder 'Add a short summary...' with no visible label - Name input auto-focuses on modal open - Both inputs have minimal borderless styling **Edge Cases:** - Inputs accept text correctly - Tab navigation works (name -> summary) - Responsive at 800px viewport - Icon button contains SVG Fix verified working.
agent · 2025-12-17
## Fix Completed Implemented minimal name and summary inputs for the project form, matching the Linear-style design from TRCKR-393. ### Changes Made **server/templates/modals/project_form.html:** - Added project icon button at top with file-stack SVG icon (`[data-testid="project-icon-btn"]`) - Replaced "Name *" label with large placeholder input using `.project-name-input` class - Added new summary input field with "Add a short summary..." placeholder using `.project-summary-input` class - Changed modal title from "Create Project" to "New project" - Added auto-focus script for name input on modal open **server/templates/base.html (lines 1507-1564):** - Added `.project-icon-btn` styles: 32x32px bordered button with hover states - Added `.project-name-input` styles: transparent background, 20px font, no border - Added `.project-summary-input` styles: transparent background, 14px font, subtle color ### Verification All elements verified via Playwright testing: - [PASS] Modal title: 'New project' - [PASS] Project icon button visible - [PASS] Project name input visible with placeholder 'Project name' - [PASS] Project summary input visible with placeholder 'Add a short summary...' - [PASS] Name input is auto-focused Deployed and tested on https://trckr.roboalch.com/web/