Skip to content

#262 [UI/UX] Mobile Responsiveness + Advanced Filters Polish #263

Description

@RaminNietzsche

Problem

The dashboard is desktop-first. Mobile widths break table layouts; filters (severity, KEV, EPSS, source) are client-side only on the full vuln list — no saved filter presets, no URL-shareable query state, and limited keyboard/ARIA on dense tables.

Current state

  • React + Tailwind; RTL for fa/ar
  • Vuln table with sort/filter in memory
  • Playwright E2E on desktop viewports

Goals

  • Responsive — card layout on <md, sticky filter bar, touch-friendly actions
  • Advanced filters — multi-select severity/source, EPSS/KEV toggles, date range on published
  • URL state?severity=critical&kev=1 sync with React Router search params
  • Saved views — localStorage presets (tenant-scoped key)
  • a11y pass: focus order, live regions for scan progress, contrast on badges
  • i18n ×6 for new filter labels

Out of scope (v1)

  • Full design system rewrite
  • Native mobile app

Size

M — UI-only; can parallelize with backend work

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions