Repository navigation
Unify graph controls with panel styling - #217
Merged
Merged
Conversation
Graph controls now match the rest of the application's panels and use the same border, border-radius, backdrop, and the same custom tooltips as other icon buttons. Now that we use our own styles, we can switch React Flow to its structural base stylesheet instead of its full stylesheet. Remove the unnecessary zoom buttons. They provide little value, everyone just zooms in/out using the mouse. Share the panel surface colors, borders, corner radii, and shadows between the control group, settings, collapsible panels, and active graph nodes.
vogelsgesang
force-pushed
the
custom-graph-toolbar
branch
from
October 9, 2026 01:53
7c1e217 to
2307e16
Compare
vogelsgesang
commented
Oct 9, 2026
Pass the graph toolbar through QueryGraphInternal's children so the internal renderer no longer needs to know about additional application controls. Size toolbar icons through their buttons and use one filled-icon treatment across the toolbar, removing icon-specific styling.
vogelsgesang
commented
Oct 9, 2026
Remove the additionalControls slot from QueryGraph. Callers can now place the exported GraphToolbar directly among the graph's children and compose application-specific buttons inside it.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Graph controls now match the rest of the application's panels and use
the same border, border-radius, backdrop, and the same custom tooltips
as other icon buttons.
Now that we use our own styles, we can switch React Flow to its
structural base stylesheet instead of its full stylesheet.
Remove the unnecessary zoom buttons. They provide little value, everyone
just zooms in/out using the mouse.
Share the panel surface colors, borders, corner radii, and shadows
between the control group, settings, collapsible panels, and active
graph nodes.