@innovastudio/contentbox 1.6.179 → 1.6.180

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
3
  "type": "module",
4
- "version": "1.6.179",
4
+ "version": "1.6.180",
5
5
  "description": "",
6
6
  "main": "public/contentbox/contentbox.esm.js",
7
7
  "types": "index.d.ts",
@@ -59,7 +59,7 @@
59
59
  "ws": "^8.13.0"
60
60
  },
61
61
  "dependencies": {
62
- "@innovastudio/contentbuilder": "^1.5.192",
62
+ "@innovastudio/contentbuilder": "^1.5.198",
63
63
  "js-beautify": "^1.14.0",
64
64
  "marked": "^17.0.0",
65
65
  "sortablejs": "^1.15.2"
@@ -906,6 +906,7 @@ body.controlpanel .is-content-view.mobile {
906
906
  font-weight: inherit;
907
907
  letter-spacing: inherit;
908
908
  line-height: 1;
909
+ transition: all 0.15s ease;
909
910
  }
910
911
  .builder-ui button.auto {
911
912
  width: auto;
@@ -938,8 +939,11 @@ body.controlpanel .is-content-view.mobile {
938
939
  .builder-ui button.on {
939
940
  background-color: rgb(237, 237, 237);
940
941
  }
942
+ .builder-ui button.on:hover {
943
+ background-color: rgb(239, 239, 239);
944
+ }
941
945
  .builder-ui button:not(.is-btn-color):hover {
942
- background-color: rgb(237, 237, 237);
946
+ background-color: rgb(243, 244, 246);
943
947
  }
944
948
  .builder-ui .panel-plugin .is-accordion {
945
949
  display: flex;
@@ -1649,6 +1653,44 @@ body.controlpanel .is-wrapper {
1649
1653
  width: auto;
1650
1654
  padding: 0 14px;
1651
1655
  }
1656
+ .builder-ui .is-controlpanel .group.imageeffect, .builder-ui .is-controlpanel .group.aspectratio, .builder-ui .is-controlpanel .group.duration, .builder-ui .is-controlpanel .group.textspacing {
1657
+ width: 225px;
1658
+ }
1659
+ .builder-ui .is-controlpanel .group.imageeffect button, .builder-ui .is-controlpanel .group.aspectratio button, .builder-ui .is-controlpanel .group.duration button, .builder-ui .is-controlpanel .group.textspacing button {
1660
+ width: 50px;
1661
+ transition: all 0.15s ease;
1662
+ }
1663
+ .builder-ui .is-controlpanel .group.imageeffect button.active, .builder-ui .is-controlpanel .group.aspectratio button.active, .builder-ui .is-controlpanel .group.duration button.active, .builder-ui .is-controlpanel .group.textspacing button.active {
1664
+ background-color: rgb(233, 233, 233);
1665
+ }
1666
+ .builder-ui .is-controlpanel .group.imageeffect button.active:hover, .builder-ui .is-controlpanel .group.aspectratio button.active:hover, .builder-ui .is-controlpanel .group.duration button.active:hover, .builder-ui .is-controlpanel .group.textspacing button.active:hover {
1667
+ background-color: rgb(235, 235, 235);
1668
+ }
1669
+ .builder-ui .is-controlpanel .group.imageeffect button:hover, .builder-ui .is-controlpanel .group.aspectratio button:hover, .builder-ui .is-controlpanel .group.duration button:hover, .builder-ui .is-controlpanel .group.textspacing button:hover {
1670
+ background-color: rgb(243, 244, 246);
1671
+ }
1672
+ .builder-ui .is-controlpanel .group.imageeffect button {
1673
+ width: 105px;
1674
+ }
1675
+ .builder-ui .is-controlpanel .group.duration button {
1676
+ width: 39px;
1677
+ }
1678
+ .builder-ui .is-controlpanel .group.textspacing button {
1679
+ width: 39px;
1680
+ }
1681
+ .builder-ui .is-controlpanel button.toggle {
1682
+ width: 36px;
1683
+ transition: all 0.15s ease;
1684
+ }
1685
+ .builder-ui .is-controlpanel button.toggle.active {
1686
+ background-color: rgb(233, 233, 233);
1687
+ }
1688
+ .builder-ui .is-controlpanel button.toggle.active:hover {
1689
+ background-color: rgb(235, 235, 235);
1690
+ }
1691
+ .builder-ui .is-controlpanel button.toggle:hover {
1692
+ background-color: rgb(243, 244, 246);
1693
+ }
1652
1694
  .builder-ui .is-controlpanel .label.changedevice {
1653
1695
  display: flex;
1654
1696
  flex-direction: row;
@@ -2221,11 +2263,14 @@ body.frame-center.controlpanel .is-content-view {
2221
2263
  .dark .builder-ui button.is-btn-color {
2222
2264
  border: 1px solid transparent;
2223
2265
  }
2224
- .dark .builder-ui button.on {
2266
+ .dark .builder-ui button:not(.is-btn-color).on {
2225
2267
  background-color: rgb(69, 69, 69);
2226
2268
  }
2269
+ .dark .builder-ui button:not(.is-btn-color).on:hover {
2270
+ background-color: rgb(64, 64, 64);
2271
+ }
2227
2272
  .dark .builder-ui button:not(.is-btn-color):hover {
2228
- background-color: rgb(69, 69, 69);
2273
+ background-color: rgb(59, 59, 59);
2229
2274
  }
2230
2275
  .dark .builder-ui .panel-plugin .is-accordion > div {
2231
2276
  border: 1px solid #6e6e6e;
@@ -2280,6 +2325,28 @@ body.frame-center.controlpanel .is-content-view {
2280
2325
  .dark .builder-ui .is-controlpanel .panel-dialog.blocks .div-blocks > div {
2281
2326
  outline: #d5d5d5 1px solid;
2282
2327
  }
2328
+ .dark .builder-ui .is-controlpanel .group.imageeffect button.active, .dark .builder-ui .is-controlpanel .group.aspectratio button.active, .dark .builder-ui .is-controlpanel .group.duration button.active, .dark .builder-ui .is-controlpanel .group.textspacing button.active {
2329
+ background-color: rgb(69, 69, 69);
2330
+ }
2331
+ .dark .builder-ui .is-controlpanel .group.imageeffect button.active:hover, .dark .builder-ui .is-controlpanel .group.aspectratio button.active:hover, .dark .builder-ui .is-controlpanel .group.duration button.active:hover, .dark .builder-ui .is-controlpanel .group.textspacing button.active:hover {
2332
+ background-color: rgb(64, 64, 64);
2333
+ }
2334
+ .dark .builder-ui .is-controlpanel .group.imageeffect button:hover, .dark .builder-ui .is-controlpanel .group.aspectratio button:hover, .dark .builder-ui .is-controlpanel .group.duration button:hover, .dark .builder-ui .is-controlpanel .group.textspacing button:hover {
2335
+ background-color: rgb(59, 59, 59);
2336
+ }
2337
+ .dark .builder-ui .is-controlpanel .group button.toggle {
2338
+ width: 36px;
2339
+ transition: all 0.15s ease;
2340
+ }
2341
+ .dark .builder-ui .is-controlpanel .group button.toggle.active {
2342
+ background-color: rgb(69, 69, 69);
2343
+ }
2344
+ .dark .builder-ui .is-controlpanel .group button.toggle.active:hover {
2345
+ background-color: rgb(64, 64, 64);
2346
+ }
2347
+ .dark .builder-ui .is-controlpanel .group button.toggle:hover {
2348
+ background-color: rgb(59, 59, 59);
2349
+ }
2283
2350
  .dark .builder-ui .custom-select {
2284
2351
  --cs-height: 46px;
2285
2352
  --cs-border: 1px solid #5e5e5e;