Skip to content

feat: add edge mode for floating docks#224

Merged
antfu merged 5 commits intomainfrom
antfu/dock-edge-mode
Mar 18, 2026
Merged

feat: add edge mode for floating docks#224
antfu merged 5 commits intomainfrom
antfu/dock-edge-mode

Conversation

@antfu
Copy link
Member

@antfu antfu commented Mar 18, 2026

Description

Adds a new edge mode for floating docks where the panel mounts flush to a viewport edge (top/right/bottom/left) like a side panel, instead of floating freely.

Inspired by TanStack DevTools by @AlemTuzlak

CleanShot 2026-03-18 at 17 53 19@2x

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 18, 2026

Open in StackBlitz

@vitejs/devtools

npm i https://pkg.pr.new/@vitejs/devtools@224

@vitejs/devtools-kit

npm i https://pkg.pr.new/@vitejs/devtools-kit@224

@vitejs/devtools-rolldown

npm i https://pkg.pr.new/@vitejs/devtools-rolldown@224

@vitejs/devtools-rpc

npm i https://pkg.pr.new/@vitejs/devtools-rpc@224

@vitejs/devtools-self-inspect

npm i https://pkg.pr.new/@vitejs/devtools-self-inspect@224

commit: e072cdc

antfu and others added 3 commits March 18, 2026 17:57
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
… dock icons

- Address bar drops rounded corners and outer border in edge mode, uses
  bottom border instead; iframe itself gets no border/radius in edge mode
- Remove @contextmenu from edge panel frame so the dock context menu only
  triggers on individual dock icon right-clicks

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@antfu antfu merged commit 46019a6 into main Mar 18, 2026
7 checks passed
@antfu antfu deleted the antfu/dock-edge-mode branch March 18, 2026 09:08
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.

2 participants