Add sidebar to the form preview

[MAILPOET-2811]
2020-05-14 12:55:25 +02:00
parent 8541724f45
commit fc62ac637d
2 changed files with 16 additions and 10 deletions
--- a/assets/css/src/components-form-editor/_preview.scss
+++ b/assets/css/src/components-form-editor/_preview.scss
@@ -14,13 +14,6 @@
  min-height: 100%;
  min-width: 100%;

-  .mailpoet_form_preview_type_select {
-    position: absolute;
-    top: 20px;
-    left: 40px;
-    z-index: 11;
-  }
-
  .mailpoet-modal-header {
    height: 20px;
    margin-bottom: 0;
@@ -41,6 +34,7 @@
    height: 100%;
    display: flex;
    flex-direction: column;
+    width: 100%;

    .mailpoet_spinner_wrapper {
      left: 0;
@@ -75,3 +69,14 @@
  right: 0;
  width: 380px;
 }
+
+.mailpoet_preview_content_wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+
+  .mailpoet_preview_sidebar {
+    padding: 10px 10px 10px 0;
+    width: 300px;
+  }
+}