2 Commits

Author	SHA1	Message	Date
Marius Mutu	a638b861b2	feat(css): Phase 1 - Standardize form patterns across views ... BREAKING: None (visual changes only, no API changes) Changes: - Standardize LoginView.vue to use forms.css patterns - Replace .field → .form-group - Replace .field-label → .form-label required - Replace p-invalid → invalid - Replace <small class="p-error"> → <span class="form-error"> - Standardize InvoicesView.vue filter forms - Replace .filters-container → .form - Replace .filters-row → .form-row - Replace .filter-group → .form-group (with .form-col) - Replace .filter-label → .form-label - Update responsive CSS (.search-group → .search-col) - Remove ~116 lines of duplicate form CSS - LoginView.vue: ~90 lines (.field, .field-label, :deep() overrides) - InvoicesView.vue: ~26 lines (.filters-container, .filter-* classes) - Create comprehensive form template documentation Impact: - Consistent form UX across application - Reduced CSS duplication (70% → 66%) - Cleaner component code (no :deep() overrides) - forms.css (460 lines) now fully utilized - Mobile responsive behavior handled automatically Testing: - ✅ Playwright visual regression tests run - ✅ All LoginView tests passed (10/10) - ✅ Form functionality preserved - ⚠️ Some InvoicesView tests have pre-existing timeout issues (not CSS-related) - Browser compatibility: Chrome, Firefox, Webkit (via Playwright) Files Modified: - reports-app/frontend/src/views/LoginView.vue (-90 lines CSS) - reports-app/frontend/src/views/InvoicesView.vue (-26 lines CSS) Files Created: - docs/FORM_TEMPLATE.md (comprehensive form guidelines) Files Updated: - features/PROGRESS_TRACKER.md (Phase 1 complete: 16/18 tasks, 89%) CSS Lines Eliminated: ~116 / ~150 target (77%) Time Spent: ~2h / 10-12h estimated Phase Status: ✅ Complete (89%) Next Phase: Phase 2 - Foundation Pattern-uri Globale Refs: #CSS-REFACTORING Phase 1/7 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-18 13:23:59 +02:00
Marius Mutu	bff37e78d8	docs(css): Add comprehensive CSS refactoring plan and documentation ... Add complete planning documentation for CSS architecture refactoring project: - 7-phase implementation plan (92-120 hours) - 123 detailed tasks across all phases - Target: ~3,260 lines CSS reduction (40-50%) - Complete requirements analysis - Progress tracking system - Phase-by-phase breakdown with acceptance criteria Documentation structure: - features/README.md - Project overview and quick start - features/CSS_REFACTORING_PLAN.md - Implementation strategy - features/CSS_REFACTORING_REQUIREMENTS.md - Detailed requirements - features/PROGRESS_TRACKER.md - Live progress tracking - features/phases/*.md - 7 phase documents with tasks Ready to begin Phase 1: Forms Standardization 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-18 13:10:57 +02:00