fix: Clone display inheritance (#3822)

theopensystemslab · Oct 17, 2024 · 8e2bd8a · 8e2bd8a
1 parent 7af28cd
commit 8e2bd8a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx
@@ -53,7 +53,7 @@ const Filter: React.FC<Props> = React.memo((props) => {
     <>
       <Hanger hidden={isDragging} before={props.id} parent={parent} />
       <li
-        className={classNames("card", "decision", {
+        className={classNames("card", "decision", "type-Filter", {
           isDragging,
           isClone: isClone(props.id),
           isNote: childNodes.length === 0,

diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
@@ -119,8 +119,10 @@ $fontMonospace: "Source Code Pro", monospace;
     outline-offset: 0;
   }
 
-  &.isClone a {
+  &.isClone > div,
+  &.isClone > a {
     margin-top: 3px;
+    position: relative;
     ::before {
       content: "";
       position: absolute;
@@ -139,7 +141,7 @@ $fontMonospace: "Source Code Pro", monospace;
   }
 
   // Allow nodes to expand to width of data when toggled
-  &:not(.type-Section):not(.portal) > a {
+  &:not(.type-Section):not(.portal):not(.type-Filter) > a {
     width: 100%;
   }