@innovastudio/contentbox 1.6.46 → 1.6.48

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.
Files changed (6) hide show
  1. package/package.json +2 -2
  2. package/public/contentbox/contentbox.css +55 -36
  3. package/public/contentbox/contentbox.esm.js +743 -26
  4. package/public/contentbox/contentbox.min.js +11 -11
  5. package/public/contentbox/lang/en.js +3 -1
  6. package/readme.txt +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
3
  "type": "module",
4
- "version": "1.6.46",
4
+ "version": "1.6.48",
5
5
  "description": "",
6
6
  "main": "public/contentbox/contentbox.esm.js",
7
7
  "files": [
@@ -52,7 +52,7 @@
52
52
  "ws": "^8.13.0"
53
53
  },
54
54
  "dependencies": {
55
- "@innovastudio/contentbuilder": "^1.5.30",
55
+ "@innovastudio/contentbuilder": "^1.5.34",
56
56
  "js-beautify": "^1.14.0"
57
57
  }
58
58
  }
package/public/contentbox/contentbox.css CHANGED
@@ -9,8 +9,8 @@
9
9
  height: 853px;
10
10
  }
11
11
  .is-content-view.tablet-landscape {
12
- width: 1080px;
13
- height: 810px;
12
+ width: 1120px;
13
+ height: 820px;
14
14
  }
15
15
  .is-content-view.tablet {
16
16
  width: 768px;
@@ -36,8 +36,8 @@
36
36
  }
37
37
 
38
38
  .is-content-view.tablet-landscape {
39
- width: 1080px;
40
- height: 810px;
39
+ width: 1120px;
40
+ height: 820px;
41
41
  transform: scale(0.98);
42
42
  }
43
43
 
@@ -67,8 +67,8 @@
67
67
  }
68
68
 
69
69
  .is-content-view.tablet-landscape {
70
- width: 1280px;
71
- height: 960px;
70
+ width: 1120px;
71
+ height: 820px;
72
72
  transform: scale(1);
73
73
  }
74
74
 
@@ -130,6 +130,11 @@
130
130
  transform: scale(0.7);
131
131
  }
132
132
  }
133
+ @media all and (max-width: 1920px) {
134
+ body.topspace .is-content-view.tablet {
135
+ transform: scale(0.7);
136
+ }
137
+ }
133
138
  @media all and (max-width: 1620px) {
134
139
  .is-content-view {
135
140
  transform: scale(0.86);
@@ -144,6 +149,9 @@
144
149
  body.topspace .is-content-view.desktop-lg {
145
150
  transform: scale(0.6);
146
151
  }
152
+ body.topspace .is-content-view.tablet {
153
+ transform: scale(0.7);
154
+ }
147
155
  }
148
156
  @media all and (max-width: 1520px) {
149
157
  .is-content-view {
@@ -332,8 +340,8 @@ body.controlpanel .is-content-view.desktop {
332
340
  height: 853px;
333
341
  }
334
342
  body.controlpanel .is-content-view.tablet-landscape {
335
- width: 1080px;
336
- height: 810px;
343
+ width: 1120px;
344
+ height: 820px;
337
345
  }
338
346
  body.controlpanel .is-content-view.tablet {
339
347
  width: 768px;
@@ -355,8 +363,8 @@ body.controlpanel .is-content-view.mobile {
355
363
  transform: scale(0.96);
356
364
  }
357
365
  body.controlpanel .is-content-view.tablet-landscape {
358
- width: 1080px;
359
- height: 810px;
366
+ width: 1120px;
367
+ height: 820px;
360
368
  transform: scale(0.98);
361
369
  }
362
370
  body.controlpanel .is-content-view.tablet {
@@ -382,8 +390,8 @@ body.controlpanel .is-content-view.mobile {
382
390
  transform: scale(1);
383
391
  }
384
392
  body.controlpanel .is-content-view.tablet-landscape {
385
- width: 1280px;
386
- height: 960px;
393
+ width: 1120px;
394
+ height: 820px;
387
395
  transform: scale(1);
388
396
  }
389
397
  body.controlpanel .is-content-view.tablet {
@@ -408,8 +416,8 @@ body.controlpanel .is-content-view.mobile {
408
416
  height: 1012px;
409
417
  }
410
418
  body.controlpanel .is-content-view.tablet-landscape {
411
- width: 1280px;
412
- height: 960px;
419
+ width: 1120px;
420
+ height: 820px;
413
421
  }
414
422
  }
415
423
  @media all and (min-width: 2250px) {
@@ -429,6 +437,11 @@ body.controlpanel .is-content-view.mobile {
429
437
  transform: scale(1);
430
438
  }
431
439
  }
440
+ @media all and (max-width: 1920px) {
441
+ body.controlpanel .is-content-view.tablet {
442
+ transform: scale(0.7);
443
+ }
444
+ }
432
445
  @media all and (max-width: 1800px) {
433
446
  body.controlpanel .is-content-view {
434
447
  transform: scale(0.95);
@@ -504,6 +517,9 @@ body.controlpanel .is-content-view.mobile {
504
517
  body.controlpanel.topspace .is-content-view.desktop-lg {
505
518
  transform: scale(0.54);
506
519
  }
520
+ body.controlpanel.topspace .is-content-view.tablet {
521
+ transform: scale(0.58);
522
+ }
507
523
  }
508
524
  @media all and (max-width: 1450px) {
509
525
  body.controlpanel .is-content-view {
@@ -560,6 +576,9 @@ body.controlpanel .is-content-view.mobile {
560
576
  body.controlpanel.topspace .is-content-view.desktop-lg {
561
577
  transform: scale(0.38);
562
578
  }
579
+ body.controlpanel.topspace .is-content-view.tablet {
580
+ transform: scale(0.5);
581
+ }
563
582
  }
564
583
  @media all and (max-width: 1175px) {
565
584
  body.controlpanel .is-content-view {
@@ -1237,10 +1256,10 @@ body.controlpanel .is-wrapper {
1237
1256
  .builder-ui .is-controlpanel .group.editmodule button:hover {
1238
1257
  background: rgb(135, 116, 215);
1239
1258
  }
1240
- .builder-ui .is-controlpanel .group.editspacing {
1259
+ .builder-ui .is-controlpanel .group.editspacing, .builder-ui .is-controlpanel .group.moreoptions, .builder-ui .is-controlpanel .group.resetrotation {
1241
1260
  width: 222px;
1242
1261
  }
1243
- .builder-ui .is-controlpanel .group.editspacing button {
1262
+ .builder-ui .is-controlpanel .group.editspacing button, .builder-ui .is-controlpanel .group.moreoptions button, .builder-ui .is-controlpanel .group.resetrotation button {
1244
1263
  width: 100%;
1245
1264
  }
1246
1265
  .builder-ui .is-controlpanel .group.contentspacing {
@@ -1453,72 +1472,72 @@ body.controlpanel .is-wrapper {
1453
1472
  .builder-ui .is-controlpanel .panel-dialog.blocks .div-blocks .snippet-item.sortable-drag:hover {
1454
1473
  background-color: rgba(0, 0, 0, 0.06);
1455
1474
  }
1456
- .builder-ui .is-controlpanel .panel-dialog.element {
1475
+ .builder-ui .is-controlpanel .panel-dialog.element, .builder-ui .is-controlpanel .panel-dialog.blockoptions {
1457
1476
  overflow-y: auto;
1458
1477
  font-size: 13px;
1459
1478
  }
1460
- .builder-ui .is-controlpanel .panel-dialog.element button.btn-back {
1479
+ .builder-ui .is-controlpanel .panel-dialog.element button.btn-back, .builder-ui .is-controlpanel .panel-dialog.blockoptions button.btn-back {
1461
1480
  flex: none;
1462
1481
  }
1463
- .builder-ui .is-controlpanel .panel-dialog.element .submain {
1482
+ .builder-ui .is-controlpanel .panel-dialog.element .submain, .builder-ui .is-controlpanel .panel-dialog.blockoptions .submain {
1464
1483
  padding-bottom: 26px;
1465
1484
  }
1466
- .builder-ui .is-controlpanel .panel-dialog.element .subpanel {
1485
+ .builder-ui .is-controlpanel .panel-dialog.element .subpanel, .builder-ui .is-controlpanel .panel-dialog.blockoptions .subpanel {
1467
1486
  padding-bottom: 26px;
1468
1487
  }
1469
- .builder-ui .is-controlpanel .panel-dialog.element .subtitle {
1488
+ .builder-ui .is-controlpanel .panel-dialog.element .subtitle, .builder-ui .is-controlpanel .panel-dialog.blockoptions .subtitle {
1470
1489
  font-weight: 600;
1471
1490
  }
1472
- .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb {
1491
+ .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb, .builder-ui .is-controlpanel .panel-dialog.blockoptions .part-breadcrumb {
1473
1492
  display: flex;
1474
1493
  flex-direction: row;
1475
1494
  margin-left: -1px;
1476
1495
  align-items: center;
1477
1496
  }
1478
- .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb a {
1497
+ .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb a, .builder-ui .is-controlpanel .panel-dialog.blockoptions .part-breadcrumb a {
1479
1498
  font-size: 12px;
1480
1499
  text-decoration: none;
1481
1500
  margin: 0 2px;
1482
1501
  }
1483
- .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb svg {
1502
+ .builder-ui .is-controlpanel .panel-dialog.element .part-breadcrumb svg, .builder-ui .is-controlpanel .panel-dialog.blockoptions .part-breadcrumb svg {
1484
1503
  width: 10px;
1485
1504
  height: 10px;
1486
1505
  }
1487
- .builder-ui .is-controlpanel .panel-dialog.element .part-element {
1506
+ .builder-ui .is-controlpanel .panel-dialog.element .part-element, .builder-ui .is-controlpanel .panel-dialog.blockoptions .part-element {
1488
1507
  font-size: 26px;
1489
1508
  }
1490
- .builder-ui .is-controlpanel .panel-dialog.element .flex > *:first-child {
1509
+ .builder-ui .is-controlpanel .panel-dialog.element .flex > *:first-child, .builder-ui .is-controlpanel .panel-dialog.blockoptions .flex > *:first-child {
1491
1510
  width: 105px;
1492
1511
  margin-right: 15px;
1493
1512
  }
1494
- .builder-ui .is-controlpanel .panel-dialog.element .flex > * > *:first-child {
1513
+ .builder-ui .is-controlpanel .panel-dialog.element .flex > * > *:first-child, .builder-ui .is-controlpanel .panel-dialog.blockoptions .flex > * > *:first-child {
1495
1514
  margin-bottom: 3px;
1496
1515
  margin-top: 16px;
1497
1516
  }
1498
- .builder-ui .is-controlpanel .panel-dialog.element .unit > div {
1517
+ .builder-ui .is-controlpanel .panel-dialog.element .unit > div, .builder-ui .is-controlpanel .panel-dialog.blockoptions .unit > div {
1499
1518
  display: flex;
1500
1519
  align-items: center;
1501
1520
  justify-content: space-between;
1502
1521
  }
1503
- .builder-ui .is-controlpanel .panel-dialog.element .unit .label {
1522
+ .builder-ui .is-controlpanel .panel-dialog.element .unit .label, .builder-ui .is-controlpanel .panel-dialog.blockoptions .unit .label {
1504
1523
  margin: 0;
1505
1524
  }
1506
- .builder-ui .is-controlpanel .panel-dialog.element .group {
1525
+ .builder-ui .is-controlpanel .panel-dialog.element .group, .builder-ui .is-controlpanel .panel-dialog.blockoptions .group {
1507
1526
  margin-bottom: 5px;
1508
1527
  }
1509
- .builder-ui .is-controlpanel .panel-dialog.element input, .builder-ui .is-controlpanel .panel-dialog.element select {
1528
+ .builder-ui .is-controlpanel .panel-dialog.element input, .builder-ui .is-controlpanel .panel-dialog.element select, .builder-ui .is-controlpanel .panel-dialog.blockoptions input, .builder-ui .is-controlpanel .panel-dialog.blockoptions select {
1510
1529
  width: 105px;
1511
1530
  }
1512
- .builder-ui .is-controlpanel .panel-dialog.element div {
1531
+ .builder-ui .is-controlpanel .panel-dialog.element div, .builder-ui .is-controlpanel .panel-dialog.blockoptions div {
1513
1532
  flex: none;
1514
1533
  }
1515
- .builder-ui .is-controlpanel .panel-dialog.element label, .builder-ui .is-controlpanel .panel-dialog.element .label {
1534
+ .builder-ui .is-controlpanel .panel-dialog.element label, .builder-ui .is-controlpanel .panel-dialog.element .label, .builder-ui .is-controlpanel .panel-dialog.blockoptions label, .builder-ui .is-controlpanel .panel-dialog.blockoptions .label {
1516
1535
  white-space: nowrap;
1517
1536
  }
1518
- .builder-ui .is-controlpanel .panel-dialog.element a, .builder-ui .is-controlpanel .panel-dialog.element span {
1537
+ .builder-ui .is-controlpanel .panel-dialog.element a, .builder-ui .is-controlpanel .panel-dialog.element span, .builder-ui .is-controlpanel .panel-dialog.blockoptions a, .builder-ui .is-controlpanel .panel-dialog.blockoptions span {
1519
1538
  font-size: 13px;
1520
1539
  }
1521
- .builder-ui .is-controlpanel .panel-dialog.element .is-btn-color {
1540
+ .builder-ui .is-controlpanel .panel-dialog.element .is-btn-color, .builder-ui .is-controlpanel .panel-dialog.blockoptions .is-btn-color {
1522
1541
  width: 35px;
1523
1542
  height: 33px;
1524
1543
  }
@@ -1526,7 +1545,7 @@ body.controlpanel .is-wrapper {
1526
1545
  display: flex;
1527
1546
  flex-direction: column;
1528
1547
  flex-flow: wrap;
1529
- height: calc(100vh - 230px);
1548
+ height: calc(100vh - 500px);
1530
1549
  max-height: 725px;
1531
1550
  overflow-y: auto;
1532
1551
  overflow-x: hidden;