Skip to content

feat(web): make Knowledge Base tab mobile-responsive#83

Merged
mhersson merged 1 commit into
mainfrom
ctxmax-476/make-knowledge-base-tab-look-good-on-mobile-device
May 11, 2026
Merged

feat(web): make Knowledge Base tab mobile-responsive#83
mhersson merged 1 commit into
mainfrom
ctxmax-476/make-knowledge-base-tab-look-good-on-mobile-device

Conversation

@contextmatrix-runner
Copy link
Copy Markdown
Contributor

Summary

  • Add MobileDocSheet component: right-side slide-in panel (reusing card-panel + animate-panel-slide-in) wrapping KnowledgeBaseSidebar; auto-closes on doc selection or backdrop tap
  • Hide sidebar on mobile (hidden md:flex) in KnowledgeBase; isSheetOpen state drives the sheet; onOpenSelector prop threaded to viewer and editor
  • Add md:hidden trigger row to KnowledgeDocViewer and KnowledgeDocEditor showing current doc name + chevron (or "Choose a document ›" prompt when no doc selected)
  • Desktop two-column layout is pixel-identical to before
  • Document new mobile KB architecture in web/CLAUDE.md

Test plan

  • On a mobile viewport (<768px): sidebar is hidden; viewer shows trigger row; tapping trigger opens the slide-in sheet; selecting a doc closes the sheet and displays the document full-width
  • On desktop (≥768px): sidebar always visible; trigger row not visible; two-column layout unchanged
  • In editor mode on mobile: trigger row also present; tapping opens sheet; selecting a doc closes sheet
  • "Choose a document ›" prompt shown on mobile when no doc is selected
  • 468 tests pass, TypeScript and ESLint clean

- Add MobileDocSheet component: right-side slide-in panel (reusing
  card-panel + animate-panel-slide-in) wrapping KnowledgeBaseSidebar;
  auto-closes on doc selection; backdrop tap also closes
- Hide sidebar on mobile (hidden md:flex) in KnowledgeBase; render
  MobileDocSheet when isSheetOpen; pass onOpenSelector to viewer/editor
- Add md:hidden trigger row to KnowledgeDocViewer and KnowledgeDocEditor
  showing current doc name + chevron (or 'Choose a document ›' prompt);
  tapping opens MobileDocSheet
- Desktop two-column layout unchanged
- Document new mobile KB architecture in web/CLAUDE.md
@mhersson mhersson merged commit 71bc7fc into main May 11, 2026
3 checks passed
@mhersson mhersson deleted the ctxmax-476/make-knowledge-base-tab-look-good-on-mobile-device branch May 11, 2026 17:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant