ReOrderComponents: small style improvements

aduh95 · Aug 8, 2019 · 853c5a1 · 853c5a1
1 parent 7ca0e63
commit 853c5a1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/editor/ReOrderComponents.js b/src/editor/ReOrderComponents.js
@@ -71,8 +71,6 @@ const flushEventListeners = () => {
 };
 
 export default class ReOrderComponents extends Component {
-  state = { previewing: true, content: null };
-
   componentDidMount() {
     Array.from(
       document.querySelectorAll(`#${DROP_ZONE_ID}~[data-type]`)

diff --git a/src/editor/ReOrderComponents.scss b/src/editor/ReOrderComponents.scss
@@ -19,16 +19,19 @@
   & ~ main,
   & ~ aside {
     &,
-    section.newsletter {
-      &:hover {
-        position: relative;
-        cursor: move;
-        &::after {
-          @extend %maskForAction;
-          content: "ReOrder";
-        }
+    section.newsletter:hover {
+      position: relative;
+      cursor: move;
+      &::after {
+        @extend %maskForAction;
       }
     }
+    &::after {
+      content: "Click to reorder";
+      align-items: flex-start;
+      padding: 50vh 0;
+      font-weight: bold;
+    }
   }
 }
 
@@ -51,6 +54,7 @@
       content: "Drag to move, click to reorder";
     }
     &:empty,
+    &[data-type="Footer"],
     &[data-json] {
       &:hover::after {
         content: "Drag to move";