@innovastudio/contentbox 1.6.26 → 1.6.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.26",
+  "version": "1.6.28",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.css

@@ -858,6 +858,7 @@ body.controlpanel .is-content-view.mobile {
   height: var(--cs-height);
   overflow: hidden;
   border-radius: 3px;
+  box-shadow: none;
   outline: none;
 }
 .builder-ui .custom-select .select-styled span {
@@ -1871,31 +1872,7 @@ body.frame-center.controlpanel .is-content-view {
   background: #535353 !important;
 }
 .dark #_cbhtml #divSidebarSnippets, .dark #_cbhtml #divStyles, .dark .is-ui #divSidebarSnippets, .dark .is-ui #divStyles {
-  background: #717171 !important;
-}
-.dark #_cbhtml .is-sidebar-content .is-dropdown .dropdown-toggle, .dark .is-ui .is-sidebar-content .is-dropdown .dropdown-toggle {
-  color: #c7c7c7 !important;
-  background-color: #464646 !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-toggle::after, .dark .is-ui .is-dropdown .dropdown-toggle::after {
-  border-top-color: #9b9b9b !important;
-  border-bottom-color: transparent !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-toggle.active::after, .dark .is-ui .is-dropdown .dropdown-toggle.active::after {
-  border-bottom-color: #a0a0a0 !important;
-  border-top-color: transparent !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-menu, .dark .is-ui .is-dropdown .dropdown-menu {
-  background-color: #bbb !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-menu li, .dark .is-ui .is-dropdown .dropdown-menu li {
-  background-color: transparent !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-menu li.selected, .dark .is-ui .is-dropdown .dropdown-menu li.selected {
-  background-color: rgba(161, 160, 160, 0.6509803922) !important;
-}
-.dark #_cbhtml .is-dropdown .dropdown-menu li:hover, .dark #_cbhtml .is-dropdown .dropdown-menu li:focus, .dark .is-ui .is-dropdown .dropdown-menu li:hover, .dark .is-ui .is-dropdown .dropdown-menu li:focus {
-  background-color: rgba(161, 160, 160, 0.6509803922) !important;
+  background: #cacaca !important;
 }
 .dark #_cbhtml .anim-preset-list button img, .dark .is-ui .anim-preset-list button img {
   opacity: 0.3 !important;
@@ -2323,9 +2300,16 @@ body.frame-center.controlpanel .is-content-view {
   padding: 0 0 0 60px;
   box-sizing: border-box;
 }
+#divSelector .inp-typolist.custom-select .select-styled {
+  outline-offset: -2px;
+  border: none;
+}
+#divSelector .inp-typolist.custom-select .select-options {
+  max-height: 330px;
+}
 
 #divStyles {
-  border-top: #fff 40px solid;
+  border-top: transparent 46px solid;
   padding: 35px 15px 0;
   box-sizing: border-box;
   overflow-y: auto;
@@ -2341,6 +2325,7 @@ body.frame-center.controlpanel .is-content-view {
   width: 100%;
   margin: 30px 0 70px;
   display: flex;
+  color: #000;
   border: rgba(205, 205, 205, 0.32) 1px solid;
   box-shadow: 0px 7px 10px -6px rgba(0, 0, 0, 0.08);
   position: relative;
@@ -2398,7 +2383,7 @@ body.frame-center.controlpanel .is-content-view {
 }
 
 .dark #divStyles > div .is-overlay:after {
-  background: rgba(78, 78, 78, 0.13);
+  background: rgba(78, 78, 78, 0.09);
 }
 
 #divStyles > div.active img {