Case queue controls repeat the same shortcuts and push the first case 1.8 screens down on a phone #160

Open
opened 2026-10-17 21:12:34 -04:00 by goddard · 0 comments
Collaborator

The Cases tab offers the same shortcuts several times and stacks seven filters full-width on a phone. The first case starts 1,496 px down (1.8 screens) on a 390×844 phone.

  • moderation/+page.svelte:253-255 adds a "Your case updates (N)" button to the page header.
  • moderation/+page.svelte:618-637 repeats those updates in a "Your case updates" box, and :638-642 adds "Overdue reviews" and "Your unread updates" buttons.
  • moderation/+page.svelte:372-383 offers the same two views again in the Review queue select.
  • moderation/+page.svelte:643-645 puts "Open case" on a row of its own.
  • moderation/+page.svelte:952-958 makes every filter a full-width row below 640 px. The Cases tab has seven.

Screenshots

Synthetic preview. Cases, archived chat and a second moderator were added through the moderation API for these screenshots. The after images are mockups.

Before:
Before

After (mockup):
After (mockup)

Fix

  • Replace the duplicated entry points with quick-filter chips (All, Assigned to me, Overdue, Unread) that show their counts
  • On narrow screens, keep search visible and put the other filters behind "More filters"
  • Move "Open case" into the page header with the other actions
  • Check that the first case is within the first screen on a 390×844 phone
The Cases tab offers the same shortcuts several times and stacks seven filters full-width on a phone. The first case starts 1,496 px down (1.8 screens) on a 390×844 phone. - `moderation/+page.svelte:253-255` adds a "Your case updates (N)" button to the page header. - `moderation/+page.svelte:618-637` repeats those updates in a "Your case updates" box, and `:638-642` adds "Overdue reviews" and "Your unread updates" buttons. - `moderation/+page.svelte:372-383` offers the same two views again in the **Review queue** select. - `moderation/+page.svelte:643-645` puts "Open case" on a row of its own. - `moderation/+page.svelte:952-958` makes every filter a full-width row below 640 px. The Cases tab has seven. **Screenshots** Synthetic preview. Cases, archived chat and a second moderator were added through the moderation API for these screenshots. The after images are mockups. Before: ![Before](https://gitea.thewrightserver.net/attachments/06c682fd-42da-48b6-bc3a-1f4b37fa1531) After (mockup): ![After (mockup)](https://gitea.thewrightserver.net/attachments/9b8a0e96-792d-44cc-9992-d0d39331df5b) **Fix** - [ ] Replace the duplicated entry points with quick-filter chips (All, Assigned to me, Overdue, Unread) that show their counts - [ ] On narrow screens, keep search visible and put the other filters behind "More filters" - [ ] Move "Open case" into the page header with the other actions - [ ] Check that the first case is within the first screen on a 390×844 phone
goddard added the
priority
low
type/ux
labels 2026-10-17 21:12:34 -04:00
josh was assigned by goddard 2026-10-17 21:12:34 -04:00
Sign in to join this conversation.