Update GrapesJS v0.4.5

demo-newsletter-editor.html

@@ -16,7 +16,16 @@
     <script src="./js/ajaxable.min.js"></script>
   </head>
   <style>
-    body, html{ height: 100%; margin: 0;}
+    body, html{
+      height: 100%;
+      margin: 0;
+      overflow: hidden;
+    }
+    iframe {
+        user-select: none;
+        -webkit-user-select: none;
+    }
+
     .nl-link {
       color: inherit;
     }

demo.html

@@ -12,7 +12,16 @@
     <script src="js/perfect-scrollbar.min.js"></script>
     <script src="js/toastr.min.js"></script>
     <style type="text/css">
-        body, html{ height: 100%; margin: 0; }
+        body, html{
+          height: 100%;
+          margin: 0;
+          overflow: hidden;
+        }
+        
+        iframe {
+            user-select: none;
+            -webkit-user-select: none;
+        }
 
          #wte-pn-options2.wte-pn-panel{box-shadow: none;}
         .icon-add-comp::before, .icon-comp100::before,.icon-comp50::before,.icon-comp30::before,.icon-rm::before{ content: '';}

stylesheets/grapesjs-preset-newsletter.css

@@ -58,8 +58,10 @@
 .gjs-sm-sector .gjs-sm-colorp-c,
 .gjs-sm-select option,
 .gjs-sm-unit option,
-.sp-container {
+.sp-container,
-  background-color: #373d49; }
+.gjs-block {
+  background-color: #373d49;
+}
 
 .gjs-import-label,
 .gjs-export-label {
@@ -77,15 +79,18 @@
   font-size: 12px; }
 
 /* Extra */
+
 .gjs-block {
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 3px;
   margin: 10px 2.5% 5px;
   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
-  transition: all 0.2s ease 0s; }
+  transition: box-shadow 0.2s ease 0s;
+}
 
 .gjs-block:hover {
-  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); }
+  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
+}
 
 #gjs-pn-views-container.gjs-pn-panel {
   padding: 39px 0 0; }

stylesheets/grapesjs-preset-webpage.css

@@ -63,7 +63,8 @@
 .gjs-sm-sector .gjs-sm-colorp-c,
 .gjs-sm-select option,
 .gjs-sm-unit option,
-.sp-container {
+.sp-container,
+.gjs-block {
   background-color: #463a3c;
 }
 
@@ -92,7 +93,7 @@
   border-radius: 3px;
   margin: 10px 2.5% 5px;
   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
-  transition: all 0.2s ease 0s;
+  transition: box-shadow 0.2s ease 0s;
 }
 
 .gjs-block:hover {