feat: Styling tweaks#206
Open
lornakelly wants to merge 2 commits into
Open
Conversation
Signed-off-by: lornakelly <lornakelly88@gmail.com>
✅ Deploy Preview for swf-editor ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
lornakelly
force-pushed
the
143/styling-tweaks
branch
from
13cb45a to
ae3cd90
Compare
Contributor
There was a problem hiding this comment.
Pull request overview
This PR makes small UI styling refinements in the Serverless Workflow diagram editor to improve minimap usability/appearance and make side-panel actions feel more interactive.
Changes:
- Repositions the React Flow minimap to the bottom-left and adjusts its mask stroke width.
- Introduces themeable CSS variables and React Flow minimap styling (light/dark).
- Adds a pointer cursor to Mermaid export action buttons in the side panel.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
| packages/serverless-workflow-diagram-editor/src/styles.css | Adds light/dark CSS variables to theme the minimap. |
| packages/serverless-workflow-diagram-editor/src/side-panel/MermaidActions.tsx | Adds cursor styling to Mermaid copy/download buttons. |
| packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.tsx | Moves the minimap to bottom-left and tweaks minimap props. |
| packages/serverless-workflow-diagram-editor/src/react-flow/diagram/Diagram.css | Styles minimap via --xy-minimap-* variables and adds border/shadow. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
lornakelly
force-pushed
the
143/styling-tweaks
branch
from
ae3cd90 to
3534106
Compare
Signed-off-by: lornakelly <lornakelly88@gmail.com>
lornakelly
force-pushed
the
143/styling-tweaks
branch
from
3534106 to
ad6a2d9
Compare
lornakelly
requested review from
cheryl7114,
fantonangeli,
handreyrc and
kumaradityaraj
cheryl7114
approved these changes
Jun 26, 2026
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
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.
Contributes to: #143
Summary
Small improvements to styling
Changes