@innovastudio/contentbox 1.6.28 → 1.6.30

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.28",
+  "version": "1.6.30",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.150",
+    "@innovastudio/contentbuilder": "^1.5.7",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.css

@@ -651,6 +651,29 @@ body.controlpanel .is-content-view.mobile {
 .builder-ui button:not(.is-btn-color):hover {
   background-color: rgb(237, 237, 237);
 }
+.builder-ui .flex-unit {
+  display: flex;
+  gap: 15px;
+}
+.builder-ui .flex-unit > * {
+  width: 105px;
+}
+.builder-ui .flex-unit > * > *:first-child {
+  margin-bottom: 3px;
+  margin-top: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.builder-ui .flex-unit > * > *:first-child .label {
+  margin: 0;
+}
+.builder-ui .flex-unit label, .builder-ui .flex-unit .label {
+  white-space: nowrap;
+}
+.builder-ui .flex-unit a, .builder-ui .flex-unit span {
+  font-size: 13px;
+}
 .builder-ui .label {
   font-size: 13px;
   margin: 20px 0 3px;
@@ -1352,8 +1375,12 @@ body.controlpanel .is-wrapper {
   width: 22px;
   height: 22px;
 }
+.builder-ui .is-controlpanel .panel-dialog.icons input {
+  outline-offset: -2px;
+}
 .builder-ui .is-controlpanel .panel-dialog.icons > div {
   display: flex;
+  align-content: flex-start;
   flex-wrap: wrap;
   width: 100%;
   height: calc(100% - 40px);
@@ -1713,7 +1740,7 @@ body.dark.topspace .is-sidebar-content {
 
 .custom-topbar {
   display: none;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
   padding: 0;
@@ -1731,30 +1758,38 @@ body.topspace .custom-topbar {
 }
 
 .custom-topbar div {
+  width: 100%;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 
 .custom-topbar > div:first-child {
-  position: fixed;
-  top: 0;
-  left: 30px;
+  justify-content: flex-start;
+  padding-left: 30px;
   height: var(--topspace);
 }
 
+@media all and (max-width: 1100px) {
+  .custom-topbar > div:first-child {
+    display: none;
+  }
+
+  .custom-topbar > div:nth-child(2) {
+    margin-left: 0;
+  }
+}
 .custom-topbar > div:nth-child(3) {
-  position: fixed;
-  top: 0;
-  right: 16px;
+  justify-content: flex-end;
+  padding-right: 20px;
   height: var(--topspace);
 }
 
 .custom-topbar > div:nth-child(2) {
-  margin-left: 45px;
   transition: all 0.3s ease;
 }
 
-body.controlpanel .custom-topbar > div:nth-child(2) {
+body.controlpanel:not(.shift-off) .custom-topbar > div:nth-child(2) {
   margin-left: -245px;
 }
 
@@ -2856,7 +2891,7 @@ body.fullview.frame-center #editPanel {
   transition: all 0.3s ease;
 }
 
-body.fullview.controlpanel.frame-center #editPanel {
+body.fullview.controlpanel.frame-center:not(.shift-off) #editPanel {
   left: 61px !important;
   right: 290px !important;
   height: 100vh !important;
@@ -2887,12 +2922,13 @@ body.fullview.topspace .is-content-view iframe {
 }
 
 /* Iframe Resizer */
-.iframe-resizer {
+.is-content-view > div.iframe-resizer {
   position: absolute !important;
-  width: 2px;
-  height: 100% !important;
-  top: 0;
-  right: 0;
+  background-color: rgb(222, 222, 222);
+  width: 6px;
+  height: 60px !important;
+  top: calc(50% - 30px);
+  right: -12px;
   z-index: 3;
   cursor: ew-resize;
   display: block !important;