@innovastudio/contentbuilder 1.5.9 → 1.5.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.9",
+  "version": "1.5.10",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -41,6 +41,23 @@ button:focus-visible {
   outline-offset: 2px !important;
 }
 
+.is-page {
+  position: relative;
+  transform-origin: top;
+  max-width: none;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.is-page > .is-box.box-select {
+  outline: 1px solid #00da89;
+  outline-offset: -1px;
+  z-index: 1;
+}
+
 .is-builder {
   transition: all ease 0.3s;
   transform-origin: top;
@@ -2483,6 +2500,35 @@ button:focus-visible {
   border: transparent 1px solid;
   background-color: transparent;
 }
+#_cbhtml .is-modal.pagesize .is-modal-content,
+.is-ui .is-modal.pagesize .is-modal-content {
+  max-width: 980px;
+}
+#_cbhtml .is-modal.pagesize .div-page-sizes,
+.is-ui .is-modal.pagesize .div-page-sizes {
+  display: flex;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: #f3f3f3;
+  flex-flow: row wrap;
+  padding: 20px;
+  box-sizing: border-box;
+  height: 590px;
+}
+#_cbhtml .is-modal.pagesize [data-pagesize],
+.is-ui .is-modal.pagesize [data-pagesize] {
+  background: #fff;
+  margin: 20px;
+  box-shadow: 5px 9px 10px rgba(0, 0, 0, 0.1);
+  min-width: 70px;
+  min-height: 70px;
+}
+#_cbhtml .is-modal.pagesize .input-width,
+#_cbhtml .is-modal.pagesize .input-height,
+.is-ui .is-modal.pagesize .input-width,
+.is-ui .is-modal.pagesize .input-height {
+  width: 65px;
+}
 #_cbhtml .is-modal.edittable,
 .is-ui .is-modal.edittable {
   z-index: 10002;
@@ -2625,13 +2671,17 @@ button:focus-visible {
   width: 14px;
   height: 14px;
 }
-#_cbhtml .is-modal.editblock .asset-preview,
-.is-ui .is-modal.editblock .asset-preview {
+#_cbhtml .is-modal.editblock .asset-page-preview,
+#_cbhtml .is-modal.editblock .asset-block-preview,
+.is-ui .is-modal.editblock .asset-page-preview,
+.is-ui .is-modal.editblock .asset-block-preview {
   max-width: 120px;
   height: 100px;
 }
-#_cbhtml .is-modal.editblock .asset-preview img,
-.is-ui .is-modal.editblock .asset-preview img {
+#_cbhtml .is-modal.editblock .asset-page-preview img,
+#_cbhtml .is-modal.editblock .asset-block-preview img,
+.is-ui .is-modal.editblock .asset-page-preview img,
+.is-ui .is-modal.editblock .asset-block-preview img {
   max-width: 100%;
   max-height: 100%;
 }
@@ -5127,6 +5177,69 @@ button:focus-visible {
   width: 14px;
   height: 14px;
 }
+.is-tool.is-canvas-tool {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  left: auto;
+  right: -40px;
+  box-shadow: none;
+  border-radius: 2px;
+  overflow: hidden;
+}
+.is-tool.is-canvas-tool button {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.is-tool.is-canvas-tool button.box-up svg, .is-tool.is-canvas-tool button.box-down svg {
+  width: 12px;
+  height: 12px;
+}
+.is-tool.is-canvas-tool button.box-settings svg {
+  width: 12px;
+  height: 12px;
+}
+.is-tool.is-canvas-tool button.box-remove svg {
+  width: 14px;
+  height: 14px;
+}
+.is-tool.is-canvasadd-tool {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  top: auto;
+  bottom: -37px;
+  left: calc(50% - 15px);
+  box-shadow: none;
+  border-radius: 2px;
+  overflow: hidden;
+}
+.is-tool.is-canvasadd-tool button {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.is-tool.is-canvasadd-tool button.box-add svg {
+  width: 14px;
+  height: 14px;
+}
+
+.page-web .is-tool.is-canvas-tool {
+  top: 10vh;
+  right: 5px;
+}
+.page-web .is-tool.is-canvasadd-tool {
+  bottom: 5px;
+}
+
+.page-web-container .is-tool.is-canvasadd-tool {
+  bottom: 5px;
+}
 
 .is-builder[gray] .is-tool.is-row-tool {
   background: rgba(243, 243, 243, 0.9);