dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: node resize

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-11 00:38:15 +01:00
parent 2873f13875
commit c330713fa7
2 changed files with 44 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/styles.css
View File

@@ -142,18 +142,36 @@ body {
}
}
/* Resize control: snappy drag, no transition or selection delay */
.react-flow__resize-control.bottom.right {
cursor: se-resize;
/* NodeResizer: snappy drag; no border/background on handles; keep resize cursors. */
.react-flow__resize-control {
touch-action: none;
user-select: none;
}
.react-flow__resize-control.bottom.right,
.react-flow__resize-control.bottom.right * {
.react-flow__resize-control,
.react-flow__resize-control * {
transition: none;
}
/* Subtle resize handles so they don’t compete with the selected-node ring (primary). Shown only when node is selected. */
/* Single bottom-right resize handle: no border, transparent so only the corner grab area remains. */
/* Handles: invisible (no border/background); cursor unchanged so resize cursors stay. */
.base-node-resize-handle,
.base-node-resize-handle * {
border: none !important;
background: transparent !important;
}
/* Resize cursor per position (keep cursor style change on hover). */
.react-flow__resize-control.top.left { cursor: nw-resize; }
.react-flow__resize-control.top.right { cursor: ne-resize; }
.react-flow__resize-control.bottom.left { cursor: sw-resize; }
.react-flow__resize-control.bottom.right { cursor: se-resize; }
.react-flow__resize-control.top { cursor: n-resize; }
.react-flow__resize-control.right { cursor: e-resize; }
.react-flow__resize-control.bottom { cursor: s-resize; }
.react-flow__resize-control.left { cursor: w-resize; }
/* Small helper for monospace pre output */
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace;