Skip to content

feat: Focus mode (Cmd+. で UI 全消し)#60

Merged
Pregum merged 1 commit intomainfrom
feat/focus-mode
Apr 23, 2026
Merged

feat: Focus mode (Cmd+. で UI 全消し)#60
Pregum merged 1 commit intomainfrom
feat/focus-mode

Conversation

@Pregum
Copy link
Copy Markdown
Owner

@Pregum Pregum commented Apr 23, 2026

Summary

Figma の "Show / Hide UI" 相当を追加しました。Cmd+. でツールバー・パネル・ルーラーを全部隠し、キャンバスだけに集中できるモード。

Present mode との違い

mode 編集 UI
Focus (Cmd+.) ✅ 可能 すべて非表示
Present (Cmd+Enter) ❌ 閲覧のみ すべて非表示 + 黒ステージ + frame ナビ

実装

  • focusMode state + Cmd+. キーバインド
  • .viewer--focus で panels を display: none !important
  • 右下に小さな "Cmd+. to exit focus" ヒント
  • Shortcuts ダイアログに追記

Test plan

  • Cmd+. で全パネル消えるがキャンバスは編集可能
  • もう一度 Cmd+. で元に戻る
  • Present mode と独立に toggle できる
  • 263 テスト pass

🤖 Generated with Claude Code

Figma の "Show / Hide UI" 相当。Cmd+. でツールバー・パネル・ルーラーを
全部隠し、キャンバスだけに集中できるモード。Present mode は閲覧専用だが
Focus mode は編集可能。

- PenViewer に focusMode state + Cmd+. ショートカット
- .viewer--focus で Toolbar / NodeTree / PropertyPanel / Pages /
  Components / Rulers を非表示に
- キャンバスは inset:0 に拡張、右下に "Cmd+. to exit focus" の小ヒント
- Shortcuts ダイアログ View/History セクションに追記

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@Pregum Pregum merged commit 7f57519 into main Apr 23, 2026
1 check passed
@Pregum Pregum deleted the feat/focus-mode branch April 23, 2026 06:23
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