@innovastudio/contentbox 1.5.94 → 1.5.95

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.94",
+  "version": "1.5.95",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.114",
+    "@innovastudio/contentbuilder": "^1.4.115",
     "i": "^0.3.7",
     "js-beautify": "^1.14.0",
     "npm": "^10.1.0"

package/public/contentbox/contentbox.css

@@ -27,76 +27,137 @@
     height: 960px;
   }
 }
-@media all and (max-width: 1800px) {
+@media all and (max-width: 1520px) {
   .is-content-view {
     transform: scale(0.95);
   }
 }
-@media all and (max-width: 1730px) {
+@media all and (max-width: 1450px) {
   .is-content-view {
     transform: scale(0.9);
   }
 }
-@media all and (max-width: 1680px) {
+@media all and (max-width: 1375px) {
   .is-content-view {
     transform: scale(0.85);
   }
 }
-@media all and (max-width: 1600px) {
+@media all and (max-width: 1300px) {
   .is-content-view {
     transform: scale(0.8);
   }
 }
-@media all and (max-width: 1520px) {
+@media all and (max-width: 1235px) {
   .is-content-view {
     transform: scale(0.75);
   }
 }
-@media all and (max-width: 1450px) {
+@media all and (max-width: 1175px) {
   .is-content-view {
     transform: scale(0.7);
   }
 }
-@media all and (max-width: 1375px) {
+@media all and (max-width: 1090px) {
   .is-content-view {
     transform: scale(0.65);
   }
 }
+body.controlpanel .is-responsive-tool {
+  right: 340px;
+}
+body.controlpanel .is-content-view {
+  margin-right: 290px;
+}
+body.controlpanel .is-controlpanel {
+  position: fixed;
+  width: 290px;
+  height: 100vh;
+  top: 0;
+  right: 0;
+  background: #fff;
+  z-index: 1;
+}
+body.controlpanel .is-content-view.desktop {
+  width: 1366px;
+  height: 853px;
+}
+body.controlpanel .is-content-view.tablet-landscape {
+  width: 1080px;
+  height: 810px;
+}
+body.controlpanel .is-content-view.tablet {
+  width: 768px;
+  height: 1024px;
+}
+body.controlpanel .is-content-view.mobile {
+  width: 390px;
+  height: 844px;
+}
+@media all and (min-width: 2030px) {
+  body.controlpanel .is-content-view.desktop {
+    width: 1560px;
+    height: 974px;
+  }
+  body.controlpanel .is-content-view.tablet-landscape {
+    width: 1280px;
+    height: 960px;
+  }
+}
+@media all and (max-width: 1800px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.95);
+  }
+}
+@media all and (max-width: 1730px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.9);
+  }
+}
+@media all and (max-width: 1680px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.85);
+  }
+}
+@media all and (max-width: 1600px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.8);
+  }
+}
+@media all and (max-width: 1520px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.75);
+  }
+}
+@media all and (max-width: 1450px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.7);
+  }
+}
+@media all and (max-width: 1375px) {
+  body.controlpanel .is-content-view {
+    transform: scale(0.65);
+  }
+}
 @media all and (max-width: 1300px) {
-  .is-content-view {
+  body.controlpanel .is-content-view {
     transform: scale(0.6);
   }
 }
 @media all and (max-width: 1235px) {
-  .is-content-view {
+  body.controlpanel .is-content-view {
     transform: scale(0.55);
   }
 }
 @media all and (max-width: 1175px) {
-  .is-content-view {
+  body.controlpanel .is-content-view {
     transform: scale(0.5);
   }
 }
 @media all and (max-width: 1090px) {
-  .is-content-view {
+  body.controlpanel .is-content-view {
     transform: scale(0.45);
   }
 }
-body.controlpanel .is-responsive-tool {
-  right: 340px;
-}
-body.controlpanel .is-content-view {
-  margin-right: 290px;
-}
-body.controlpanel .is-controlpanel {
-  position: fixed;
-  width: 290px;
-  height: 100vh;
-  top: 0;
-  right: 0;
-  background: #fff;
-  z-index: 1;
-}
 
 /* /IFRAME */
 .is-box-tool {

package/public/contentbox/contentbox.esm.js

@@ -15003,6 +15003,7 @@ class EditBox {
 
 }
 
+// Experimental
 // import {out} from './out.js';
 class ControlPanel {
   constructor(builder) {
@@ -91053,6 +91054,23 @@ class ContentStuff$1 {
         .padding-0[data-module="text-builder"] {
             padding: 0 2px 4px !important;
         }
+
+
+        ${this.builder.simpleEditingBreakpoint ? `
+          
+            @media all and (max-width: ${this.builder.simpleEditingBreakpoint}) {
+                .is-tool:not(#divSpacerTool) {
+                    display: none !important;
+                }
+                
+                .is-builder .row-active:not([data-protected]).row-outline {
+                    outline: none !important;
+                }
+            }
+            
+        ` : ''}
+
+
         `;
     builder.contentStuff.insertAdjacentHTML('afterbegin', `
         <style>