@pipelex/mthds-ui 0.9.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2100,16 +2100,31 @@ button.stuff-viewer-local-file--button:focus-visible {
2100
2100
  /* Token-only styling: theme switching happens by swapping `--surface-*`, */
2101
2101
  /* `--text-*`, `--border-*`, and `--color-accent` values on the container. */
2102
2102
 
2103
+ /* The ReactFlow <Panel> owns positioning now (anchor + margin). It sits above
2104
+ the graph but the old code used z-index 11, so keep parity. */
2105
+ .graph-toolbar-panel {
2106
+ z-index: 11;
2107
+ }
2108
+
2103
2109
  .graph-toolbar {
2104
- position: absolute;
2105
- top: 8px;
2106
2110
  display: flex;
2107
2111
  align-items: center;
2108
2112
  gap: 4px;
2109
- z-index: 11;
2110
2113
  pointer-events: auto;
2111
2114
  }
2112
2115
 
2116
+ /* Vertical bar — `center-left` / `center-right` anchors. Stack the buttons in a
2117
+ column and rotate the separators so they divide rows instead of columns. */
2118
+ .graph-toolbar--vertical {
2119
+ flex-direction: column;
2120
+ }
2121
+
2122
+ .graph-toolbar--vertical .graph-toolbar-separator {
2123
+ width: 18px;
2124
+ height: 1px;
2125
+ margin: 2px 0;
2126
+ }
2127
+
2113
2128
  .graph-toolbar-btn {
2114
2129
  all: unset;
2115
2130
  box-sizing: border-box;