@innovastudio/contentbuilder 1.5.96 → 1.5.97

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.96",
+  "version": "1.5.97",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.css

@@ -4371,6 +4371,8 @@ button:focus-visible {
   text-align: center;
   border-top: transparent 46px solid !important;
   outline: none;
+  scrollbar-width: thin;
+  scrollbar-color: #aaa #f0f0f0;
 }
 #_cbhtml .is-design-list > div,
 .is-ui .is-design-list > div {

package/public/contentbuilder/contentbuilder.esm.js

@@ -86,67 +86,21 @@ class Snippets {
                     outline: transparent 1px solid;
                 }
 
-                
-                        
                 /* Scrollbar for modal */
-
-                /* Darker color, because background for snippet thumbnails is always light. */
-                .dark * {
-                    scrollbar-width: thin;
-                    scrollbar-color: rgb(78 78 78 / 62%) auto;
-                }
-                .dark *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .dark *::-webkit-scrollbar-track {
-                    background: transparent;
+                .is-design-list {
+                    scrollbar-width: thin; 
+                    scrollbar-color: #aaa #f0f0f0;
                 }
-                .dark *::-webkit-scrollbar-thumb {
-                    background-color:rgb(78 78 78 / 62%);
-                } 
-
-                .colored-dark * {
+                .dark .is-design-list {
                     scrollbar-width: thin;
-                    scrollbar-color: rgb(100, 100, 100) auto;
-                }
-                .colored-dark *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .colored-dark *::-webkit-scrollbar-track {
-                    background: transparent;
+                    scrollbar-color: #696969 #a1a1a1;
+                    /* scrollbar-color: rgba(255, 255, 255, 0.3) rgb(80, 80, 80); */
                 }
-                .colored-dark *::-webkit-scrollbar-thumb {
-                    background-color:rgb(100, 100, 100);
-                } 
-
-                .colored * {
+                .colored-dark .is-design-list  {
                     scrollbar-width: thin;
-                    scrollbar-color: rgba(0, 0, 0, 0.4) auto;
-                }
-                .colored *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .colored *::-webkit-scrollbar-track {
-                    background: transparent;
+                    scrollbar-color: #7a7a7a #bebebe;
                 }
-                .colored *::-webkit-scrollbar-thumb {
-                    background-color: rgba(0, 0, 0, 0.4);
-                } 
 
-                .light * {
-                    scrollbar-width: thin;
-                    scrollbar-color: rgba(0, 0, 0, 0.4) auto;
-                }
-                .light *::-webkit-scrollbar {
-                    width: 12px;
-                }
-                .light *::-webkit-scrollbar-track {
-                    background: transparent;
-                }
-                .light *::-webkit-scrollbar-thumb {
-                    background-color: rgba(0, 0, 0, 0.4);
-                } 
-        
                 svg {
                     fill: ${this.builder.styleSnippetColor};
                 }
@@ -49994,6 +49948,12 @@ class Module {
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.width = '90vw';
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.maxWidth = w;
     moduleModal.querySelector('div:not(.is-modal-overlay)').style.height = h;
+    var themeLight = module.getAttribute('data-theme-light');
+    if (themeLight || modulename === 'form-builder') {
+      moduleModal.classList.add('theme-light');
+    } else {
+      moduleModal.classList.remove('theme-light');
+    }
     let btnClose = moduleModal.querySelector('.is-modal-close');
     dom.addEventListener(btnClose, 'click', () => {
       util.hideModal(moduleModal);