Skip to content

feat: hide desktop-only features on mobile workspace#370

Open
leotrs wants to merge 6 commits intomainfrom
std-wdxz
Open

feat: hide desktop-only features on mobile workspace#370
leotrs wants to merge 6 commits intomainfrom
std-wdxz

Conversation

@leotrs
Copy link
Copy Markdown
Collaborator

@leotrs leotrs commented Apr 3, 2026

Summary

  • Filter out source editor toggle, version history drawer, and share drawer from mobile bottom bar and overflow menu
  • Settings and file drawers remain accessible on mobile
  • Added 7 unit tests for mobile item filtering logic
  • Added 2 e2e tests for mobile workspace feature visibility

Test plan

  • Unit tests: SidebarMenu.mobile.test.js — verifies source/versions/share hidden, search/settings/file kept on mobile, all items shown on desktop
  • E2e tests: mobile-workspace-features.spec.js — verifies mobile viewport hides source toggle and versions/share from overflow menu
  • Manual: open workspace on mobile viewport, verify bottom bar shows Home + Search + overflow menu (no source editor)
  • Manual: open overflow menu on mobile, verify only settings and file drawers appear

🤖 Generated with Claude Code

Filter out desktop-only features (source editor toggle, version history,
share drawer) from the mobile bottom bar and overflow menu. Settings and
file drawers remain accessible on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify bot commented Apr 3, 2026

Deploy Preview for rsm-studio-frontend canceled.

Name Link
🔨 Latest commit 5ea7d36
🔍 Latest deploy log https://app.netlify.com/projects/rsm-studio-frontend/deploys/69d149622fc162000860f206

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 3, 2026

Deploy Preview for rsm-studio-site canceled.

Name Link
🔨 Latest commit 5ea7d36
🔍 Latest deploy log https://app.netlify.com/projects/rsm-studio-site/deploys/69d149622fc162000860f20a

leotrs and others added 2 commits April 4, 2026 01:10
Playwright's :text() pseudo-selector doesn't work inside CSS :has().
Replaced with .filter({ hasText }) and scoped locators to the
[data-testid="context-menu"] container.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The e2e test searched for a[href*="/ws/"] links which don't exist —
the app uses router.push('/file/:id'). The test stayed on the home
page where HamburgerMenu has the same data-testid as the workspace
overflow menu, causing the context-menu assertion to fail.

- Navigate to workspace by clicking file-item elements
- Remove if-guards that allowed tests to pass vacuously
- Fix invalid kind="ghost" → kind="tertiary" on SidebarMenu Button

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@leotrs
Copy link
Copy Markdown
Collaborator Author

leotrs commented Apr 4, 2026

Needs human review

What changed: Source editor toggle, version history drawer, and share drawer are hidden from the mobile workspace bottom bar and overflow menu.

Review checklist:

  1. Open the deploy preview: https://deploy-preview-370--rsm-studio-frontend.netlify.app
  2. Open browser DevTools and toggle to a mobile viewport (e.g. iPhone 12, 390×844)
  3. Navigate to any workspace (open a file)
  4. Verify the bottom bar shows Home, Search, and the overflow menu button — no "source" toggle
  5. Tap the overflow menu (three-line icon)
  6. Verify only settings and file appear — no "versions" or "share"
  7. Switch back to desktop viewport and confirm all items (source, search, versions, settings, share, file) are visible in the sidebar

What to look for:

  • "source" toggle must not appear anywhere on mobile
  • "versions" and "share" must not appear in the overflow menu on mobile
  • "settings" and "file" drawers must still work on mobile
  • Desktop sidebar must be unaffected — all items present
  • Overflow menu button styling change (ghosttertiary) looks correct
  • Toggle/drawer event indices still fire correctly (the PR remaps indices via items.indexOf(it))

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 4, 2026

Preview Deploy

Frontend: https://pr-370--rsm-studio-frontend.netlify.app
Backend: https://aris-backend-staging.fly.dev (staging)
API docs: https://aris-backend-staging.fly.dev/docs

Test user: preview-pr-370@aris.pub

This preview will be destroyed when the PR is closed.

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