@pipelex/mthds-ui 0.32.0 → 0.33.0

package/dist/standalone/graph-viewer.css

@@ -730,6 +730,19 @@ svg.react-flow__connectionline {
   inset: 0;
   background: var(--color-bg);
 }
+/* The still presentation (`GraphViewer`'s `interactive={false}`): the drawing
+   is laid in the page like a picture. The container flows in its parent at the
+   height `StillFit` sets inline rather than filling a sized parent, shows the
+   host's surface through it, and takes no pointer event, so a click or the
+   wheel reaches the page beneath. `GraphViewer` also makes it `inert`, which no
+   descendant's own `pointer-events: auto` (a fold button's) can override. */
+.react-flow-container--still {
+  position: relative;
+  inset: auto;
+  width: 100%;
+  background: transparent;
+  pointer-events: none;
+}
 .react-flow__node {
   font-family: var(--font-sans);
   cursor: pointer;
@@ -2399,6 +2412,15 @@ button.node-validation-badge {
 .react-flow__node-simpleFrame {
   cursor: default !important;
 }
+
+/* An edge label's backing (`simpleStyle.ts`), dropped in the still
+   presentation so the host's surface shows through: the layout reserves each
+   label's box beside its arrow, so no line runs under the text. The detailed
+   style keeps its backing, which is what hides a dashed batch edge behind its
+   label. */
+.react-flow-container--still {
+  --simple-edge-label-bg: transparent;
+}
 .simple-handle.react-flow__handle {
   opacity: 0;
   border: none;