Skip to content

[Workflow][3/4] Add Grid View and Custom Reordering for Note Board #131

Description

@Dyu20705

Problem & Requirement

Provide a masonry/grid card layout on the Note Board alongside the existing list view, with card previews, tags, drawing thumbnails, and support for custom manual note sorting.

Architecture & Module Scope

  • Target Files:
    • ui/list.js & ui/gridView.js
    • core/noteBoard.js
    • tests/e2e/grid-view.spec.mjs

Subtasks / Checklist

  • Implement GridView component rendering responsive multi-column note cards.
  • Add View Mode toggle (List vs Grid) in the board header, persisted in settings.
  • Support keyboard arrow navigation across 2D grid cards.
  • Render drawing projection thumbnails and task list progress directly on grid cards.
  • Add E2E tests for grid layout, keyboard traversal, and view mode persistence.

Parent Epic: #128 ([Epic] Workflow Refinement — Floating Editor Toolbar, Inspector Sidebar, and Board Views)
Priority: High

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

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions