marcel/familienarchiv
1
0
Fork 0
Code Issues 105 Pull Requests 2 Actions 2 Packages Projects Releases Wiki Activity

fix(ui): De Gruyter long arrows on both sort buttons, rotate swap icon 90°
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / Unit & Component Tests (pull_request) Failing after 1m21s
Details
CI / Backend Unit Tests (pull_request) Failing after 2m30s
Details

Browse Source 
Replace ↑↓ text with Long-Arrow-Up/Down-MD.svg on the document search
SortDropdown and the Briefwechsel sort button. Rotate the swap button
SVG 90° so arrows point left/right matching the horizontal person
field layout.

Refs: #179

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-06 22:43:45 +02:00
parent b4a9e678c6
commit 2e943b7f91
3 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/lib/components/SortDropdown.svelte.spec.ts
View File

@@ -22,15 +22,19 @@ describe('SortDropdown', () => {
await expect.element(btn).toBeInTheDocument();
});
it('direction button shows ↑ when dir is asc', async () => {
it('direction button shows up arrow when dir is asc', async () => {
render(SortDropdown, { sort: 'DATE', dir: 'asc' });
const btn = page.getByRole('button');
await expect.element(btn).toHaveTextContent('↑');
await expect.element(page.getByRole('button')).toBeInTheDocument();
const img = document.querySelector('button img') as HTMLImageElement;
expect(img).not.toBeNull();
expect(img.src).toContain('Long-Arrow-Up');
});
it('direction button shows ↓ when dir is desc', async () => {
it('direction button shows down arrow when dir is desc', async () => {
render(SortDropdown, { sort: 'DATE', dir: 'desc' });
const btn = page.getByRole('button');
await expect.element(btn).toHaveTextContent('↓');
await expect.element(page.getByRole('button')).toBeInTheDocument();
const img = document.querySelector('button img') as HTMLImageElement;
expect(img).not.toBeNull();
expect(img.src).toContain('Long-Arrow-Down');
});
});