Skip to content

fix(rolldown): improve responsiveness for smaller screens#222

Merged
antfu merged 8 commits intovitejs:mainfrom
arashsheyda:fix/214-improve-responsible
Mar 18, 2026
Merged

fix(rolldown): improve responsiveness for smaller screens#222
antfu merged 8 commits intovitejs:mainfrom
arashsheyda:fix/214-improve-responsible

Conversation

@arashsheyda
Copy link
Contributor

@arashsheyda arashsheyda commented Mar 18, 2026

Description

The Rolldown DevTools UI had layout issues on smaller viewports. This PR addresses them with a consistent approach across all session pages:

What changed

Switched toolbars to sticky positioning so they scroll with the page (no more fragile padding hacks)

Removed unnecessary fixed-height containers — most pages now scroll naturally

Kept fixed containers only where needed (graph views with pan/zoom)

Prevented horizontal overflow by adding flex wrapping to buttons and nav rows

Cleaned up a few component quirks (search panel width, hardcoded spacing, etc.)

Affected pages

All session pages, including graph, assets, chunks, packages, and plugins — now more consistent and responsive.

Linked Issues

fixes #214 (sorry in advanced... I did not get any comments on the issue and went ahead with it so apologies for that)

Additional context

Before After
home Screenshot 2026-03-18 at 12 26 14 AM
Screenshot 2026-03-18 at 12 25 00 AM Screenshot 2026-03-18 at 12 26 18 AM
Screenshot 2026-03-18 at 12 25 04 AM Screenshot 2026-03-18 at 12 26 20 AM
Screenshot 2026-03-18 at 12 25 11 AM Screenshot 2026-03-18 at 12 26 22 AM
Screenshot 2026-03-18 at 12 25 19 AM Screenshot 2026-03-18 at 12 26 25 AM
Screenshot 2026-03-18 at 12 25 24 AM Screenshot 2026-03-18 at 12 26 27 AM

@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@222

@vitejs/devtools-kit

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

@vitejs/devtools-rolldown

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

@vitejs/devtools-rpc

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

@vitejs/devtools-self-inspect

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

commit: cc91d9b

@antfu antfu merged commit 693e025 into vitejs:main Mar 18, 2026
6 checks passed
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.

Improve responsiveness for smaller screens

2 participants