feat(dropzone): replace upload icon with multi-file icon and clearer hint text #79

New Issue

marcel · 2026-03-26T17:25:03+01:00

marcel commented

2026-03-26 17:25:03 +01:00

Goal

Make it immediately obvious to family members that the drop zone accepts multiple files at once — without any explanatory text beyond a short label.

Current state

The drop zone shows a generic upload arrow icon (inline SVG) and the hint text from upload_drop_hint. There is no visual cue that multiple files are welcome.

Proposed change (Option A — icon + short label)

Icon: Replace the current inline upload-arrow SVG with Display-Pages-MD.svg from the icon library (/degruyter-icons/Simple/Medium-24px/SVG/Action/Display-Pages-MD.svg). This icon shows a stack of pages and directly communicates "multiple documents".
Hint text: Replace the primary hint line (upload_drop_hint) with a shorter, more direct copy:
- DE: Einzeln oder mehrere Dateien auf einmal
- EN: Drop one or multiple files at once
- ES: Uno o varios archivos a la vez
Keep the accepted types line and filename hint line unchanged.
Icon size: increase slightly from h-4 w-4 to h-5 w-5 to give it more visual weight alongside the text.

Files to change

frontend/src/routes/DropZone.svelte — swap icon, update translation key reference
frontend/src/lib/paraglide/messages/de.json (and en.json, es.json) — update upload_drop_hint value

## Goal Make it immediately obvious to family members that the drop zone accepts multiple files at once — without any explanatory text beyond a short label. ## Current state The drop zone shows a generic upload arrow icon (inline SVG) and the hint text from `upload_drop_hint`. There is no visual cue that multiple files are welcome. ## Proposed change (Option A — icon + short label) - **Icon:** Replace the current inline upload-arrow SVG with `Display-Pages-MD.svg` from the icon library (`/degruyter-icons/Simple/Medium-24px/SVG/Action/Display-Pages-MD.svg`). This icon shows a stack of pages and directly communicates "multiple documents". - **Hint text:** Replace the primary hint line (`upload_drop_hint`) with a shorter, more direct copy: - DE: `Einzeln oder mehrere Dateien auf einmal` - EN: `Drop one or multiple files at once` - ES: `Uno o varios archivos a la vez` - Keep the accepted types line and filename hint line unchanged. - Icon size: increase slightly from `h-4 w-4` to `h-5 w-5` to give it more visual weight alongside the text. ## Files to change - `frontend/src/routes/DropZone.svelte` — swap icon, update translation key reference - `frontend/src/lib/paraglide/messages/de.json` (and `en.json`, `es.json`) — update `upload_drop_hint` value

marcel referenced this issue from a commit

2026-03-26 17:32:40 +01:00

feat(dropzone): replace upload icon with multi-file icon and clearer hint text

marcel referenced a pull request that will close this issue

2026-03-26 17:33:26 +01:00

feat(dropzone): replace upload icon with multi-file icon and clearer hint text #80

marcel closed this issue

2026-03-26 18:03:42 +01:00

Sign in to join this conversation.