Commit adfd2e5
[Style] Compact Modern Nodes (#6687)
## Summary
Simple and clean is the way that we're making the nodes tonight.
## Changes
- **What**: Smaller minimum widths for nodes and labels
- **What**: Smaller font for the labels
- **What**: Removed outlines for widgets
- **What**: Fixes a text/background issue with buttons on widgets
- **What**: Smaller header
- **What**: Less padding within the node itself
## Review Focus
Check out the new styles and how they align with the Designs.
## Screenshots
| Before | After |
| --- | --- |
| <img width="542" height="486" alt="image"
src="https://github.com/user-attachments/assets/41fe9801-7a43-49ac-87fc-36d3b2ee82fb"
/> | <img width="411" height="388" alt="image"
src="https://github.com/user-attachments/assets/a7c21120-bf67-4039-86b3-c348bcc4341b"
/> |
<!-- Add screenshots or video recording to help explain your changes -->
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6687-Style-Compact-Modern-Nodes-2aa6d73d365081c48db3c5491c556dc9)
by [Unito](https://www.unito.io)
---------
Co-authored-by: github-actions <github-actions@github.com>1 parent f0f5543 commit adfd2e5
File tree
36 files changed
+64
-94
lines changed- browser_tests/tests/vueNodes
- groups/groups.spec.ts-snapshots
- interactions
- canvas
- pan.spec.ts-snapshots
- zoom.spec.ts-snapshots
- links/linkInteraction.spec.ts-snapshots
- node/move.spec.ts-snapshots
- nodeStates
- bypass.spec.ts-snapshots
- colors.spec.ts-snapshots
- lod.spec.ts-snapshots
- mute.spec.ts-snapshots
- widgets/load/uploadWidgets.spec.ts-snapshots
- src/renderer/extensions/vueNodes
- components
- widgets
- components
- layout
- composables
36 files changed
+64
-94
lines changed
0 commit comments