←
TRCKR-402
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/