@innovastudio/contentbuilder 1.3.57 → 1.3.59

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -2301,7 +2301,7 @@ button:focus-visible {
   z-index: 10002;
   position: fixed;
   overflow: hidden;
-  width: 520px;
+  width: 525px;
   height: 648px;
   top: 50%;
   left: auto;
@@ -5306,3 +5306,17 @@ button:focus-visible {
 .row-lock .is-rowadd-tool {
   display: none !important;
 }
+
+/* Adjustment */
+@media (max-height: 700px) {
+  #_cbhtml .is-modal.buttoneditor {
+    height: 500px;
+    margin-top: -250px;
+  }
+}
+@media (max-height: 600px) {
+  #_cbhtml .is-modal.buttoneditor {
+    height: 400px;
+    margin-top: -200px;
+  }
+}

package/public/contentbuilder/contentbuilder.esm.js

@@ -15175,7 +15175,10 @@ class HtmlUtil {
       elms = tmp.querySelectorAll('[data-scroll-once]');
       dom$h.removeAttributes(elms, 'data-scroll-once'); // cleaning
 
-      elms = tmp.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]');
+      elms = tmp.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' + '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' + '[data-in],[data-in-150],[data-in-300],' + '[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]' + '[data-t],[data-t-100],[data-t-200],[data-t-300],[data-t-400],' + '[data-t-500],[data-t-600],[data-t-700],[data-t-800],[data-t-900],[data-t-1000],' + '[data-t-1100],[data-t-1200],[data-t-1300],[data-t-1400],[data-t-1500],[data-t-1600],' + '[data-t-1700],[data-t-1800],[data-t-1900],[data-t-2000],[data-t-2100],[data-t-2200],' + '[data-t-2300],[data-t-2400],[data-t-2500],[data-t-2600],[data-t-2700],[data-t-2800]'); // elms = tmp.querySelectorAll('[data-bottom-top],[data-center],[data-center-bottom],[data-100-top],[data-50-top],[data-top],[data-top-bottom],[data-center-top],[data--300-bottom],[data--150-bottom],[data--50-bottom],[data-bottom],[data-100-bottom],[data-150-bottom],[data-400-bottom],' +
+      //     '[data--400-bottom],[data--200-bottom],[data--100-bottom],[data-50-bottom],[data-200-bottom],[data-300-bottom],' +
+      //     '[data-in],[data-in-150],[data-in-300],[data-cen--150],[data-cen],[data-cen-150],[data-out--300],[data-out--150],[data-out]');
+
       Array.prototype.forEach.call(elms, elm => {
         elm.style.transition = '';
         elm.style.transform = '';
@@ -50606,7 +50609,14 @@ class ButtonEditor {
                         <a title="${util.out('Saved')}" href="" data-content="divMyButtons">${util.out('Saved')}</a>
                         <a title="${util.out('Templates')}" href="" data-content="divButtonTemplates">${util.out('Templates')}</a>
                     </div>
-                    <div id="divButtonGeneral" class="is-tab-content active" tabindex="-1" data-group="button" style="display:block">
+                    <div id="divButtonGeneral" class="is-tab-content active" tabindex="-1" data-group="button" style="display: flex;
+                        height: 100%;
+                        width:100%;
+                        overflow-y: auto;
+                        position: absolute;
+                        border-top: 82px solid transparent;
+                        box-sizing: border-box;
+                        top: 0px;">
 
                         <div class="flex flex-row">
                             <div class="flex flex-col" style="margin-right: 40px;">
@@ -50656,7 +50666,7 @@ class ButtonEditor {
                                 <div>
                                     <label>${util.out('Padding X')}</label>:
                                 </div>
-                                <div class="flex flex-row flex-wrap" style="margin-top:5px">
+                                <div class="flex flex-row" style="margin-top:5px">
                                     <button title="2" data-command="2" class="paddingx-command" style="margin-right:4px">2</button>
                                     <button title="3" data-command="3" class="paddingx-command" style="margin-right:4px">3</button>
                                     <button title="4" data-command="4" class="paddingx-command" style="margin-right:4px">4</button>
@@ -50672,7 +50682,7 @@ class ButtonEditor {
                                 <div>
                                     <label>${util.out('Padding Y')}</label>:
                                 </div>
-                                <div class="flex flex-row flex-wrap" style="margin-top:5px">
+                                <div class="flex flex-row" style="margin-top:5px">
                                     <button title="0" data-command="0" class="paddingy-command" style="margin-right:4px">0</button>
                                     <button title="1" data-command="1" class="paddingy-command" style="margin-right:4px">1</button>
                                     <button title="2" data-command="2" class="paddingy-command" style="margin-right:4px">2</button>