Skip to content

[Frontend][Board] Add width, collapse, and titles-only controls #2090

Description

@Chris0Jeky

Problem

The v0.2 board slice keeps board context through a side inspector and adds compact density. Width controls, collapsed columns, and titles-only presentation add separate drag/drop, persistence, and accessibility risk.

Scope

  • Add bounded column-width preferences.
  • Add accessible collapsed columns.
  • Add a titles-only density mode after comfortable and compact behavior is proven.
  • Preserve ordering, filters, keyboard navigation, realtime refresh, and responsive behavior.

Non-goals

  • No column wrapping, arbitrary view engine, backend work-item migration, or removal of the v0.2 inspector fallback.

Acceptance

  • Preferences persist through the accepted preference seam with safe defaults.
  • Collapse and titles-only modes retain keyboard access, focus return, counts, and drag/drop order.
  • Representative desktop and mobile viewports have mounted and browser coverage.
  • Realtime updates do not silently reopen or reorder collapsed columns.

Cross-cutting contract

Surface Requirement
Data/migration None unless the existing preference record is extended additively
API/security Existing board/card authorization only
Proposal/audit/MCP No contract change
Export/import/deletion Preference behavior documented if persisted server-side
Realtime/tests Board refresh, keyboard, drag/drop, focus, and viewport proof

Dependencies and release

Depends on #2086 M1. v0.3 M2, Priority III.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Priority IIIValuable but unscheduled: residuals, tech-debt, performance, depth work.dogfoodingFrom real personal/beta use; evidence-grade product feedback (exempt from intake severity bar).featureUser-facing functionality delivery slices (new capabilities or clear product-surface enhancements).frontendPrimary implementation impact in Vue/TypeScript UI and client runtime.uiVisual design, theming, and component presentation work.uxDiscoverability, accessibility, interaction model, and user workflow quality.

    Projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions