@innovastudio/contentbuilder 1.2.4-rc10 → 1.2.4-rc11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.4-rc10",
+  "version": "1.2.4-rc11",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",

package/public/contentbuilder/contentbuilder.css

@@ -1773,16 +1773,16 @@ button:focus {
 #_cbhtml .is-modal button,
 .is-ui .is-modal button {
   color: #000;
-  background: rgba(255, 255, 255, 0.3);
+  background: #fff;
   box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
 }
 #_cbhtml .is-modal button:hover,
 .is-ui .is-modal button:hover {
-  background: rgba(255, 255, 255, 0.3);
+  background: #fff;
 }
 #_cbhtml .is-modal button.on,
 .is-ui .is-modal button.on {
-  background: rgba(242, 242, 242, 0.3);
+  background: #f2f2f2;
 }
 #_cbhtml .is-modal button.is-btn-color,
 .is-ui .is-modal button.is-btn-color {
@@ -2046,6 +2046,7 @@ button:focus {
   margin: 1px;
   background-color: transparent !important;
   box-shadow: none !important;
+  outline-offset: -2px;
 }
 #_cbhtml .is-modal.grideditor button.on,
 .is-ui .is-modal.grideditor button.on {
@@ -2100,6 +2101,7 @@ button:focus {
   padding: 1px 20px;
   box-sizing: border-box;
   border: none;
+  outline-offset: -2px;
 }
 #_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
 .is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
@@ -2180,6 +2182,7 @@ button:focus {
 #_cbhtml .is-modal.edittable button,
 .is-ui .is-modal.edittable button {
   height: 35px;
+  outline-offset: -2px;
 }
 #_cbhtml .is-modal.edittable button.is-btn-color,
 .is-ui .is-modal.edittable button.is-btn-color {
@@ -2189,21 +2192,48 @@ button:focus {
   background: rgba(255, 255, 255, 0.2);
   border: rgba(0, 0, 0, 0.09) 1px solid;
 }
+#_cbhtml .is-modal.shortcuts div.is-modal-content,
+.is-ui .is-modal.shortcuts div.is-modal-content {
+  max-width: 600px;
+  padding: 5px 25px 25px 25px;
+}
+#_cbhtml .is-modal.shortcuts table,
+.is-ui .is-modal.shortcuts table {
+  width: 100%;
+  margin: 30px 7px 0;
+}
+#_cbhtml .is-modal.shortcuts td,
+.is-ui .is-modal.shortcuts td {
+  font-family: sans-serif;
+  font-size: 15px;
+  font-weight: 300;
+  padding: 7px 2px;
+  line-height: 1.2;
+}
+#_cbhtml .is-modal.shortcuts td.shortcut-title,
+.is-ui .is-modal.shortcuts td.shortcut-title {
+  font-weight: 500;
+  padding-top: 20px;
+}
 #_cbhtml .is-modal.buttoneditor,
 .is-ui .is-modal.buttoneditor {
   z-index: 10002;
   position: fixed;
   overflow: hidden;
   width: 520px;
-  height: 686px;
+  height: 582px;
   top: 50%;
   left: auto;
   right: 30%;
-  margin-top: -343px;
+  margin-top: -292px;
   box-sizing: content-box;
   flex-direction: row;
   align-items: flex-start;
 }
+#_cbhtml .is-modal.buttoneditor .is-modal-overlay,
+.is-ui .is-modal.buttoneditor .is-modal-overlay {
+  display: none !important;
+}
 #_cbhtml .is-modal.buttoneditor .is-modal-bar,
 .is-ui .is-modal.buttoneditor .is-modal-bar {
   line-height: 30px;
@@ -2230,6 +2260,7 @@ button:focus {
 .is-ui .is-modal.buttoneditor button {
   padding: 0 10px;
   height: 35px;
+  outline-offset: -2px;
 }
 #_cbhtml .is-modal.buttoneditor .is-button-remove,
 .is-ui .is-modal.buttoneditor .is-button-remove {
@@ -2277,25 +2308,32 @@ button:focus {
 .is-ui .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove {
   display: flex;
 }
-#_cbhtml .is-modal.buttoneditor #divButtonTemplateList,
-.is-ui .is-modal.buttoneditor #divButtonTemplateList {
-  padding: 10px 20px 10px;
+#_cbhtml .is-modal.buttoneditor #divButtonTemplates,
+.is-ui .is-modal.buttoneditor #divButtonTemplates {
+  padding: 0;
+  overflow: hidden;
+  overflow-y: auto;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
+  border-top: 80px transparent solid;
+  box-sizing: border-box;
+}
+#_cbhtml .is-modal.buttoneditor #divButtonTemplateList,
+.is-ui .is-modal.buttoneditor #divButtonTemplateList {
+  padding: 10px 20px 0px;
+  width: 100%;
+  top: 0;
   left: 0;
-  border-top: transparent 100px solid;
   box-sizing: border-box;
-  overflow: hidden;
-  overflow-y: auto;
-  overflow-y: auto;
 }
 #_cbhtml .is-modal.buttoneditor #divButtonTemplateList a,
 .is-ui .is-modal.buttoneditor #divButtonTemplateList a {
   position: relative;
-  margin: 10px 20px 20px 0;
+  margin: 10px 15px 10px 0;
   outline-offset: 2px;
+  transform: scale(0.9);
 }
 #_cbhtml .is-modal.columnsettings .is-modal-bar,
 .is-ui .is-modal.columnsettings .is-modal-bar {
@@ -2326,6 +2364,7 @@ button:focus {
   padding: 1px 20px;
   box-sizing: border-box;
   border: none;
+  outline-offset: -2px;
 }
 #_cbhtml .is-modal.columnsettings button.is-btn-color,
 .is-ui .is-modal.columnsettings button.is-btn-color {