@innovastudio/contentbox 1.6.47 → 1.6.48

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) 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
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbox",
3
3
  "type": "module",
4
- "version": "1.6.47",
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;