fix: Editor graph node link styling (#3782)

theopensystemslab · Oct 9, 2024 · 651e15b · 651e15b
1 parent 7a5a4ba
commit 651e15b
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
@@ -50,8 +50,8 @@ $fontMonospace: "Source Code Pro", monospace;
     margin: 0 auto;
     width: max-content;
 
-    > a:focus,
-    > a:active {
+    a:focus,
+    a:active {
       outline: 4px solid $focus;
       outline-offset: 0;
     }
@@ -110,15 +110,15 @@ $fontMonospace: "Source Code Pro", monospace;
     }
   }
 
-  &.wasVisited > a {
+  &.wasVisited a {
     span {
       opacity: 1;
     }
     outline: 4px solid #8cc485;
     outline-offset: 0;
   }
 
-  &.isClone > a {
+  &.isClone a {
     margin-top: 3px;
     ::before {
       content: "";
@@ -137,8 +137,7 @@ $fontMonospace: "Source Code Pro", monospace;
     border: $nodeBorderWidth dashed red;
   }
 
-  & > div > a,
-  & > a {
+  & a {
     position: relative;
     display: flex;
     align-items: flex-start;
@@ -404,13 +403,13 @@ $fontMonospace: "Source Code Pro", monospace;
   align-items: center;
 
   &.question.isNote {
-    > a {
+    a {
       background: #fffdb0 !important;
       position: relative;
       padding-right: 20px;
     }
     // Triangle shapes to simulate paper fold on sticky note
-    &:not(.isClone) > a {
+    &:not(.isClone) a {
       &::before {
         content: "";
         position: absolute;