jacobh2/F-r-ldraledigplannerare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign the setup flow and consolidate the CSS into one primitives layer

Browse Source 
Onboarding asks explicitly for one or two parents and shows one card per
parent for balances; the balance form is per parent with inline
validation; the partner can be filled from the FK deduction or added
from it. Settings and Dashboard reuse the same form.

CSS: bare buttons carry no colour any more; buttons, cards, choice
cards, fields, alerts, badges, eyebrow and modal chrome are defined once
in primitives.css. Media queries live only in responsive.css. A style
guard test blocks hex, !important and stray media queries. Bilingual
fixes: calendar selects size by content, header no longer wraps. Vitest
is capped at four workers.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Jacob Hagstedt
2026-09-19 12:27:29 +02:00
parent e4719cb9ae
commit ae6db7e16f
105 changed files with 5683 additions and 3690 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/Header.test.tsx
+4 -4
View File
@@ -117,13 +117,13 @@ describe('Header', () => {
it('marks the calendar link active on the calendar route', () => {
renderAtPath(<Header />, '/calendar')
expect(screen.getByText('Kalender')).toHaveClass('header__nav-link--active')
expect(screen.getByText('Översikt')).not.toHaveClass('header__nav-link--active')
expect(screen.getByText('Kalender')).toHaveAttribute('aria-current', 'page')
expect(screen.getByText('Översikt')).not.toHaveAttribute('aria-current', 'page')
})
it('marks the settings link active on the settings route, and the overview link inactive', () => {
renderAtPath(<Header />, '/settings')
expect(screen.getByText('Inställningar')).toHaveClass('header__nav-link--active')
expect(screen.getByText('Översikt')).not.toHaveClass('header__nav-link--active')
expect(screen.getByText('Inställningar')).toHaveAttribute('aria-current', 'page')
expect(screen.getByText('Översikt')).not.toHaveAttribute('aria-current', 'page')
})
})