05c6afc679
docs(css): Update progress tracker for Phase 4 partial completion
...
- Updated overall progress: 46% complete (51/123 tasks)
- Phase 4 status: 36% complete (8/22 tasks)
- MetricCard refactored: -254 lines CSS
- CSS bundle reduced: 404.61 → 399.88 kB (-4.73 kB)
- Global patterns established for remaining cards
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-18 15:01:19 +02:00
506c4de55b
docs(css): Update progress tracker for Phase 3 completion
2025-11-18 14:51:30 +02:00
32e2c656eb
docs(css): Update progress tracker for Phase 2 completion
...
- Update PROGRESS_TRACKER.md: 25% complete (2/7 phases)
- Mark Phase 2 as complete in phase-2-foundation.md
- Update current sprint status and achievements
- Next: Phase 3 - PrimeVue Centralizare
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-18 14:15:50 +02:00
ca45737af3
feat(css): Phase 2 - Add global pattern foundation
...
- Create interactive.css (loading spinners, trends, collapse patterns)
- Create dashboard.css (page headers, metrics grid, breakdowns)
- Create animations.css (slideDown, fadeIn, pulse transitions)
- Create tokens.css (extended design tokens for cards/animations/metrics)
- Create primevue-overrides.css (centralized PrimeVue component styling)
- Update main.css with new pattern imports
- Zero visual changes (additive foundation only)
Files created: 5 new CSS pattern files
Lines added: 431 lines of reusable patterns
CSS bundle: 401.25 kB (before optimization)
Build status: ✅ Successful
Phase: 2/7 complete
Next: Phase 3 - PrimeVue Centralizare
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-18 14:14:54 +02:00
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
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
