@innovastudio/contentbox 1.6.68 → 1.6.69

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.68",
+  "version": "1.6.69",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,8 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.57",
-    "glightbox": "^3.2.0",
+    "@innovastudio/contentbuilder": "^1.5.59",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.css

@@ -663,6 +663,18 @@ body.controlpanel .is-content-view.mobile {
 .builder-ui a {
   color: #000;
 }
+.builder-ui .text-left {
+  text-align: left;
+}
+.builder-ui .text-center {
+  text-align: center;
+}
+.builder-ui .text-right {
+  text-align: right;
+}
+.builder-ui .text-justify {
+  text-align: justify;
+}
 .builder-ui .ml-0 {
   margin-left: 0px;
 }
@@ -1335,9 +1347,13 @@ body.controlpanel .is-wrapper {
 }
 .builder-ui .is-controlpanel [class^=panel-] .subpanel {
   padding: 14px 24px 15px;
+  width: 100%;
+  box-sizing: border-box;
 }
 .builder-ui .is-controlpanel [class^=panel-] .last .subpanel {
   padding: 14px 24px 30px;
+  width: 100%;
+  box-sizing: border-box;
 }
 .builder-ui .is-controlpanel [class^=panel-] .subtitle {
   font-weight: 600;
@@ -1396,31 +1412,6 @@ body.controlpanel .is-wrapper {
 .builder-ui .is-controlpanel .panel-iframe .asset-preview div {
   margin-top: 0 !important;
 }
-.builder-ui .is-controlpanel .group.color-pick > div {
-  width: 36px;
-  display: flex;
-  padding: 1px;
-  align-items: center;
-}
-.builder-ui .is-controlpanel .group.color-pick > div button {
-  margin: 0;
-  border-radius: 6px;
-  z-index: 1;
-  width: 36px;
-  flex: none;
-  color: inherit;
-}
-.builder-ui .is-controlpanel .group.color-pick > div input {
-  width: 36px;
-  height: 34px;
-  border-radius: 6px;
-  font-weight: 200;
-  outline: none;
-  position: absolute;
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-}
 .builder-ui .is-controlpanel .group.fontsizes, .builder-ui .is-controlpanel .group.fontweight, .builder-ui .is-controlpanel .group.linespacing, .builder-ui .is-controlpanel .group.letterspacing {
   width: 217px;
 }
@@ -1823,55 +1814,6 @@ body.controlpanel .is-wrapper {
   outline: none !important;
 }
 
-input.clr-color:focus {
-  border: #3e93f7 2px solid !important;
-}
-
-.clr-swatches button:after {
-  box-shadow: none !important;
-}
-
-.clr-swatches {
-  width: 100% !important;
-  margin: 0 9px 9px !important;
-}
-
-.clr-swatches div {
-  border-radius: 5px !important;
-  overflow: hidden !important;
-  width: 182px !important;
-  padding: 0 !important;
-}
-
-.clr-swatches button {
-  width: 30px !important;
-  height: 28px !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  border-radius: 0 !important;
-}
-
-.clr-swatches.sm button {
-  width: 26px !important;
-  height: 24px !important;
-}
-
-.clr-preview {
-  margin: 15px 0 0px 20px !important;
-}
-
-input.clr-color {
-  margin: 15px 20px 14px auto !important;
-}
-
-.clr-swatches button, .clr-preview:before, .clr-field button {
-  background-image: repeating-linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), repeating-linear-gradient(45deg, #ddd 25%, #fff 25%, #fff 75%, #ddd 75%, #ddd) !important;
-}
-
-.clr-alpha, .clr-alpha div {
-  background-image: repeating-linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), repeating-linear-gradient(45deg, #bbb 25%, #fff 25%, #fff 75%, #bbb 75%, #bbb) !important;
-}
-
 .is-rangeslider {
   -webkit-appearance: none;
   width: 100%;
@@ -2222,9 +2164,6 @@ body.frame-center.controlpanel .is-content-view {
   background-color: rgb(24, 24, 24);
   border: #6f6f6f 1px solid;
 }
-.dark .builder-ui .is-controlpanel .group.color-pick > div button {
-  background: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
-}
 .dark .builder-ui .is-controlpanel .panel-dialog {
   background-color: rgb(24, 24, 24);
 }
@@ -2630,6 +2569,8 @@ body.frame-center.controlpanel .is-content-view {
 
 #divStyles > div img {
   width: 100%;
+  height: auto;
+  min-height: 200px;
   -webkit-transition: all 0.16s ease;
   transition: all 0.16s ease;
 }