Skip to content

app: Improve split view behavior.#2371

Open
laurensvalk wants to merge 1 commit intomasterfrom
splitview-overhaul
Open

app: Improve split view behavior.#2371
laurensvalk wants to merge 1 commit intomasterfrom
splitview-overhaul

Conversation

@laurensvalk
Copy link
Copy Markdown
Member

new-2026-04-02_13.09.55.mp4

Move activity buttons to main toolbar
This was on a vscode-style sidebar because we originally thought we would add more. It turns out we will not, since those buttons would be too far away from the relevant actions (camera, docs). Also, having explorer/settings with the other buttons simplifies the UI.

This also makes the buttons not jump around when you open/close the explorer.

Also improves on small screens, where the explorer would obscure all buttons. Also lets us remove the blueprint hacks we had to make this work.

Add toggles for sideviews.
This lets us fix several UI/UX problems. It used to be easy to lose the terminal or docs forever. Now you can toggle them back on with a button and conveniently close them rather than dragging them down.

Improve splitters
Switch to react-resizable-panels which lets us control the split as needed. Also when dragging to near closed, it will snap to properly closed. Toggling on then restores normal size. Otherwise it preserves the split value.

The collapsed state of this library is made for hiding the docs without destroying them, so we don't need some of the hacks we had to preserve the terminal and docs state.

Camera view
All this also generalizes to a camera view on large and small screens, added in the next commit.

**Move activity buttons to main toolbar**
This was on a vscode-style sidebar because we originally thought we would add more. It turns out we will not. Having explorer/settings with the other buttons simplifies the UI.

This also makes the buttons not jump around when you open/close the explorer.

Also improves on small screens, where the explorer would obscure all buttons. Also lets us remove the blueprint hacks we had to make this work.

**Add toggles for sideviews.**
This lets us fix several UI/UX problems. It used to be easy to lose the terminal or docs forever. Now you can toggle them back on with a button and conveniently close them rather than dragging them down.

**Improve splitters**
Switch to react-resizable-panels which lets us control the split as needed. Also when dragging to near closed, it will snap to properly closed. Toggling on then restores normal size. Otherwise it preserves the split value.

The collapsed state of this library is made for hiding the docs without destroying them, so we don't need some of the hacks we had to preserve the terminal and docs state.
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