@innovastudio/contentbox 1.6.16 → 1.6.18
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 +3 -3
- package/public/contentbox/contentbox.css +282 -63
- package/public/contentbox/contentbox.esm.js +5353 -386
- package/public/contentbox/contentbox.min.js +11 -11
- package/public/contentbox/lang/en.js +18 -1
- package/readme.txt +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@innovastudio/contentbox",
|
|
3
|
-
"type":
|
|
4
|
-
"version": "1.6.
|
|
3
|
+
"type":"module",
|
|
4
|
+
"version": "1.6.18",
|
|
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.4.
|
|
55
|
+
"@innovastudio/contentbuilder": "^1.4.140",
|
|
56
56
|
"js-beautify": "^1.14.0"
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
/* IFRAME */
|
|
2
|
+
.is-content-view.desktop-lg {
|
|
3
|
+
width: 1920px;
|
|
4
|
+
height: 1080px;
|
|
5
|
+
transform: scale(0.74);
|
|
6
|
+
}
|
|
2
7
|
.is-content-view.desktop {
|
|
3
8
|
width: 1366px;
|
|
4
9
|
height: 853px;
|
|
@@ -18,6 +23,12 @@
|
|
|
18
23
|
|
|
19
24
|
/* large screen*/
|
|
20
25
|
@media all and (min-width: 1920px) {
|
|
26
|
+
.is-content-view.desktop-lg {
|
|
27
|
+
width: 1920px;
|
|
28
|
+
height: 1080px;
|
|
29
|
+
transform: scale(0.74);
|
|
30
|
+
}
|
|
31
|
+
|
|
21
32
|
.is-content-view.desktop {
|
|
22
33
|
width: 1366px;
|
|
23
34
|
height: 853px;
|
|
@@ -41,24 +52,14 @@
|
|
|
41
52
|
height: 844px;
|
|
42
53
|
transform: scale(0.98);
|
|
43
54
|
}
|
|
44
|
-
|
|
45
|
-
body.topspace .is-content-view.desktop {
|
|
46
|
-
transform: scale(0.92);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
body.topspace .is-content-view.tablet-landscape {
|
|
50
|
-
transform: scale(0.94);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
body.topspace .is-content-view.tablet {
|
|
54
|
-
transform: scale(0.76);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
body.topspace .is-content-view.mobile {
|
|
58
|
-
transform: scale(0.94);
|
|
59
|
-
}
|
|
60
55
|
}
|
|
61
56
|
@media all and (min-width: 1940px) {
|
|
57
|
+
.is-content-view.desktop-lg {
|
|
58
|
+
width: 1920px;
|
|
59
|
+
height: 1080px;
|
|
60
|
+
transform: scale(0.84);
|
|
61
|
+
}
|
|
62
|
+
|
|
62
63
|
.is-content-view.desktop {
|
|
63
64
|
width: 1620px;
|
|
64
65
|
height: 1012px;
|
|
@@ -84,12 +85,24 @@
|
|
|
84
85
|
}
|
|
85
86
|
}
|
|
86
87
|
@media all and (min-width: 2000px) {
|
|
88
|
+
.is-content-view.desktop-lg {
|
|
89
|
+
width: 1920px;
|
|
90
|
+
height: 1080px;
|
|
91
|
+
transform: scale(0.88);
|
|
92
|
+
}
|
|
93
|
+
|
|
87
94
|
.is-content-view.desktop {
|
|
88
95
|
width: 1730px;
|
|
89
96
|
height: 1080px;
|
|
90
97
|
transform: scale(1);
|
|
91
98
|
}
|
|
92
99
|
|
|
100
|
+
body.topspace .is-content-view.desktop-lg {
|
|
101
|
+
width: 1920px;
|
|
102
|
+
height: 1080px;
|
|
103
|
+
transform: scale(0.84);
|
|
104
|
+
}
|
|
105
|
+
|
|
93
106
|
body.topspace .is-content-view.desktop {
|
|
94
107
|
width: 1620px;
|
|
95
108
|
height: 1012px;
|
|
@@ -100,6 +113,9 @@
|
|
|
100
113
|
.is-content-view {
|
|
101
114
|
transform: scale(0.89);
|
|
102
115
|
}
|
|
116
|
+
.is-content-view.desktop-lg {
|
|
117
|
+
transform: scale(0.62);
|
|
118
|
+
}
|
|
103
119
|
.is-content-view.tablet {
|
|
104
120
|
transform: scale(0.75);
|
|
105
121
|
}
|
|
@@ -107,7 +123,9 @@
|
|
|
107
123
|
body.topspace .is-content-view {
|
|
108
124
|
transform: scale(0.83);
|
|
109
125
|
}
|
|
110
|
-
|
|
126
|
+
body.topspace .is-content-view.desktop-lg {
|
|
127
|
+
transform: scale(0.62);
|
|
128
|
+
}
|
|
111
129
|
body.topspace .is-content-view.tablet {
|
|
112
130
|
transform: scale(0.7);
|
|
113
131
|
}
|
|
@@ -116,82 +134,136 @@
|
|
|
116
134
|
.is-content-view {
|
|
117
135
|
transform: scale(0.86);
|
|
118
136
|
}
|
|
137
|
+
.is-content-view.desktop-lg {
|
|
138
|
+
transform: scale(0.6);
|
|
139
|
+
}
|
|
119
140
|
|
|
120
141
|
body.topspace .is-content-view {
|
|
121
142
|
transform: scale(0.8);
|
|
122
143
|
}
|
|
144
|
+
body.topspace .is-content-view.desktop-lg {
|
|
145
|
+
transform: scale(0.6);
|
|
146
|
+
}
|
|
123
147
|
}
|
|
124
148
|
@media all and (max-width: 1520px) {
|
|
125
149
|
.is-content-view {
|
|
126
150
|
transform: scale(0.86);
|
|
127
151
|
}
|
|
152
|
+
.is-content-view.desktop-lg {
|
|
153
|
+
transform: scale(0.6);
|
|
154
|
+
}
|
|
128
155
|
|
|
129
156
|
body.topspace .is-content-view {
|
|
130
157
|
transform: scale(0.8);
|
|
131
158
|
}
|
|
159
|
+
body.topspace .is-content-view.desktop-lg {
|
|
160
|
+
transform: scale(0.59);
|
|
161
|
+
}
|
|
132
162
|
}
|
|
133
163
|
@media all and (max-width: 1450px) {
|
|
134
164
|
.is-content-view {
|
|
135
165
|
transform: scale(0.86);
|
|
136
166
|
}
|
|
167
|
+
.is-content-view.desktop-lg {
|
|
168
|
+
transform: scale(0.59);
|
|
169
|
+
}
|
|
137
170
|
|
|
138
171
|
body.topspace .is-content-view {
|
|
139
172
|
transform: scale(0.8);
|
|
140
173
|
}
|
|
174
|
+
body.topspace .is-content-view.desktop-lg {
|
|
175
|
+
transform: scale(0.6);
|
|
176
|
+
}
|
|
141
177
|
}
|
|
142
178
|
@media all and (max-width: 1390px) {
|
|
143
179
|
.is-content-view {
|
|
144
180
|
transform: scale(0.84);
|
|
145
181
|
}
|
|
182
|
+
.is-content-view.desktop-lg {
|
|
183
|
+
transform: scale(0.57);
|
|
184
|
+
}
|
|
146
185
|
|
|
147
186
|
body.topspace .is-content-view {
|
|
148
187
|
transform: scale(0.78);
|
|
149
188
|
}
|
|
189
|
+
body.topspace .is-content-view.desktop-lg {
|
|
190
|
+
transform: scale(0.57);
|
|
191
|
+
}
|
|
150
192
|
}
|
|
151
193
|
@media all and (max-width: 1330px) {
|
|
152
194
|
.is-content-view {
|
|
153
195
|
transform: scale(0.8);
|
|
154
196
|
}
|
|
197
|
+
.is-content-view.desktop-lg {
|
|
198
|
+
transform: scale(0.52);
|
|
199
|
+
}
|
|
155
200
|
|
|
156
201
|
body.topspace .is-content-view {
|
|
157
202
|
transform: scale(0.74);
|
|
158
203
|
}
|
|
204
|
+
body.topspace .is-content-view.desktop-lg {
|
|
205
|
+
transform: scale(0.52);
|
|
206
|
+
}
|
|
159
207
|
}
|
|
160
208
|
@media all and (max-width: 1270px) {
|
|
161
209
|
.is-content-view {
|
|
162
210
|
transform: scale(0.76);
|
|
163
211
|
}
|
|
212
|
+
.is-content-view.desktop-lg {
|
|
213
|
+
transform: scale(0.34);
|
|
214
|
+
}
|
|
164
215
|
|
|
165
216
|
body.topspace .is-content-view {
|
|
166
217
|
transform: scale(0.7);
|
|
167
218
|
}
|
|
219
|
+
body.topspace .is-content-view.desktop-lg {
|
|
220
|
+
transform: scale(0.34);
|
|
221
|
+
}
|
|
168
222
|
}
|
|
169
223
|
@media all and (max-width: 1210px) {
|
|
170
224
|
.is-content-view {
|
|
171
225
|
transform: scale(0.72);
|
|
172
226
|
}
|
|
227
|
+
.is-content-view.desktop-lg {
|
|
228
|
+
transform: scale(0.3);
|
|
229
|
+
}
|
|
173
230
|
|
|
174
231
|
body.topspace .is-content-view {
|
|
175
232
|
transform: scale(0.66);
|
|
176
233
|
}
|
|
234
|
+
body.topspace .is-content-view.desktop-lg {
|
|
235
|
+
transform: scale(0.3);
|
|
236
|
+
}
|
|
177
237
|
}
|
|
178
238
|
@media all and (max-width: 1150px) {
|
|
179
239
|
.is-content-view {
|
|
180
240
|
transform: scale(0.68);
|
|
181
241
|
}
|
|
242
|
+
.is-content-view.desktop-lg {
|
|
243
|
+
transform: scale(0.24);
|
|
244
|
+
}
|
|
182
245
|
|
|
183
246
|
body.topspace .is-content-view {
|
|
184
247
|
transform: scale(0.62);
|
|
185
248
|
}
|
|
249
|
+
body.topspace .is-content-view.desktop-lg {
|
|
250
|
+
transform: scale(0.24);
|
|
251
|
+
}
|
|
186
252
|
}
|
|
187
253
|
@media all and (max-width: 1090px) {
|
|
188
254
|
.is-content-view {
|
|
189
255
|
transform: scale(0.64);
|
|
190
256
|
}
|
|
257
|
+
.is-content-view.desktop-lg {
|
|
258
|
+
transform: scale(0.2);
|
|
259
|
+
}
|
|
191
260
|
|
|
192
261
|
body.topspace .is-content-view {
|
|
193
262
|
transform: scale(0.58);
|
|
194
263
|
}
|
|
264
|
+
body.topspace .is-content-view.desktop-lg {
|
|
265
|
+
transform: scale(0.2);
|
|
266
|
+
}
|
|
195
267
|
}
|
|
196
268
|
@media all and (max-width: 1024px) {
|
|
197
269
|
.is-content-view {
|
|
@@ -250,6 +322,11 @@
|
|
|
250
322
|
body.controlpanel .is-content-view {
|
|
251
323
|
margin-right: 290px;
|
|
252
324
|
}
|
|
325
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
326
|
+
width: 1920px;
|
|
327
|
+
height: 1080px;
|
|
328
|
+
transform: scale(0.7);
|
|
329
|
+
}
|
|
253
330
|
body.controlpanel .is-content-view.desktop {
|
|
254
331
|
width: 1366px;
|
|
255
332
|
height: 853px;
|
|
@@ -267,6 +344,11 @@ body.controlpanel .is-content-view.mobile {
|
|
|
267
344
|
height: 844px;
|
|
268
345
|
}
|
|
269
346
|
@media all and (min-width: 1920px) {
|
|
347
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
348
|
+
width: 1920px;
|
|
349
|
+
height: 1080px;
|
|
350
|
+
transform: scale(0.74);
|
|
351
|
+
}
|
|
270
352
|
body.controlpanel .is-content-view.desktop {
|
|
271
353
|
width: 1366px;
|
|
272
354
|
height: 853px;
|
|
@@ -287,20 +369,13 @@ body.controlpanel .is-content-view.mobile {
|
|
|
287
369
|
height: 844px;
|
|
288
370
|
transform: scale(0.98);
|
|
289
371
|
}
|
|
290
|
-
body.controlpanel.topspace .is-content-view.desktop {
|
|
291
|
-
transform: scale(0.92);
|
|
292
|
-
}
|
|
293
|
-
body.controlpanel.topspace .is-content-view.tablet-landscape {
|
|
294
|
-
transform: scale(0.94);
|
|
295
|
-
}
|
|
296
|
-
body.controlpanel.topspace .is-content-view.tablet {
|
|
297
|
-
transform: scale(0.76);
|
|
298
|
-
}
|
|
299
|
-
body.controlpanel.topspace .is-content-view.mobile {
|
|
300
|
-
transform: scale(0.94);
|
|
301
|
-
}
|
|
302
372
|
}
|
|
303
373
|
@media all and (min-width: 1940px) {
|
|
374
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
375
|
+
width: 1920px;
|
|
376
|
+
height: 1080px;
|
|
377
|
+
transform: scale(0.78);
|
|
378
|
+
}
|
|
304
379
|
body.controlpanel .is-content-view.desktop {
|
|
305
380
|
width: 1520px;
|
|
306
381
|
height: 949px;
|
|
@@ -323,6 +398,11 @@ body.controlpanel .is-content-view.mobile {
|
|
|
323
398
|
}
|
|
324
399
|
}
|
|
325
400
|
@media all and (min-width: 2080px) {
|
|
401
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
402
|
+
width: 1920px;
|
|
403
|
+
height: 1080px;
|
|
404
|
+
transform: scale(0.85);
|
|
405
|
+
}
|
|
326
406
|
body.controlpanel .is-content-view.desktop {
|
|
327
407
|
width: 1620px;
|
|
328
408
|
height: 1012px;
|
|
@@ -333,6 +413,11 @@ body.controlpanel .is-content-view.mobile {
|
|
|
333
413
|
}
|
|
334
414
|
}
|
|
335
415
|
@media all and (min-width: 2250px) {
|
|
416
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
417
|
+
width: 1920px;
|
|
418
|
+
height: 1080px;
|
|
419
|
+
transform: scale(0.88);
|
|
420
|
+
}
|
|
336
421
|
body.controlpanel .is-content-view.desktop {
|
|
337
422
|
width: 1730px;
|
|
338
423
|
height: 1080px;
|
|
@@ -348,28 +433,46 @@ body.controlpanel .is-content-view.mobile {
|
|
|
348
433
|
body.controlpanel .is-content-view {
|
|
349
434
|
transform: scale(0.95);
|
|
350
435
|
}
|
|
436
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
437
|
+
transform: scale(0.66);
|
|
438
|
+
}
|
|
351
439
|
body.controlpanel .is-content-view.tablet {
|
|
352
440
|
transform: scale(0.7);
|
|
353
441
|
}
|
|
354
442
|
body.controlpanel.topspace .is-content-view {
|
|
355
443
|
transform: scale(0.9);
|
|
356
444
|
}
|
|
445
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
446
|
+
transform: scale(0.68);
|
|
447
|
+
}
|
|
357
448
|
}
|
|
358
449
|
@media all and (max-width: 1730px) {
|
|
359
450
|
body.controlpanel .is-content-view {
|
|
360
451
|
transform: scale(0.9);
|
|
361
452
|
}
|
|
453
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
454
|
+
transform: scale(0.62);
|
|
455
|
+
}
|
|
362
456
|
body.controlpanel.topspace .is-content-view {
|
|
363
457
|
transform: scale(0.85);
|
|
364
458
|
}
|
|
459
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
460
|
+
transform: scale(0.62);
|
|
461
|
+
}
|
|
365
462
|
}
|
|
366
463
|
@media all and (max-width: 1680px) {
|
|
367
464
|
body.controlpanel .is-content-view {
|
|
368
465
|
transform: scale(0.88);
|
|
369
466
|
}
|
|
467
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
468
|
+
transform: scale(0.62);
|
|
469
|
+
}
|
|
370
470
|
body.controlpanel.topspace .is-content-view {
|
|
371
471
|
transform: scale(0.83);
|
|
372
472
|
}
|
|
473
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
474
|
+
transform: scale(0.62);
|
|
475
|
+
}
|
|
373
476
|
body.controlpanel.topspace .is-content-view.tablet {
|
|
374
477
|
transform: scale(0.7);
|
|
375
478
|
}
|
|
@@ -378,93 +481,113 @@ body.controlpanel .is-content-view.mobile {
|
|
|
378
481
|
body.controlpanel .is-content-view {
|
|
379
482
|
transform: scale(0.8);
|
|
380
483
|
}
|
|
484
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
485
|
+
transform: scale(0.58);
|
|
486
|
+
}
|
|
381
487
|
body.controlpanel.topspace .is-content-view {
|
|
382
488
|
transform: scale(0.75);
|
|
383
489
|
}
|
|
490
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
491
|
+
transform: scale(0.58);
|
|
492
|
+
}
|
|
384
493
|
}
|
|
385
494
|
@media all and (max-width: 1520px) {
|
|
386
495
|
body.controlpanel .is-content-view {
|
|
387
496
|
transform: scale(0.75);
|
|
388
497
|
}
|
|
498
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
499
|
+
transform: scale(0.54);
|
|
500
|
+
}
|
|
389
501
|
body.controlpanel.topspace .is-content-view {
|
|
390
502
|
transform: scale(0.7);
|
|
391
503
|
}
|
|
504
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
505
|
+
transform: scale(0.54);
|
|
506
|
+
}
|
|
392
507
|
}
|
|
393
508
|
@media all and (max-width: 1450px) {
|
|
394
509
|
body.controlpanel .is-content-view {
|
|
395
510
|
transform: scale(0.7);
|
|
396
511
|
}
|
|
512
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
513
|
+
transform: scale(0.5);
|
|
514
|
+
}
|
|
397
515
|
body.controlpanel.topspace .is-content-view {
|
|
398
516
|
transform: scale(0.65);
|
|
399
517
|
}
|
|
518
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
519
|
+
transform: scale(0.5);
|
|
520
|
+
}
|
|
400
521
|
}
|
|
401
522
|
@media all and (max-width: 1375px) {
|
|
402
523
|
body.controlpanel .is-content-view {
|
|
403
524
|
transform: scale(0.63);
|
|
404
525
|
}
|
|
526
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
527
|
+
transform: scale(0.46);
|
|
528
|
+
}
|
|
405
529
|
body.controlpanel.topspace .is-content-view {
|
|
406
530
|
transform: scale(0.58);
|
|
407
531
|
}
|
|
532
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
533
|
+
transform: scale(0.46);
|
|
534
|
+
}
|
|
408
535
|
}
|
|
409
536
|
@media all and (max-width: 1300px) {
|
|
410
537
|
body.controlpanel .is-content-view {
|
|
411
538
|
transform: scale(0.6);
|
|
412
539
|
}
|
|
540
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
541
|
+
transform: scale(0.42);
|
|
542
|
+
}
|
|
413
543
|
body.controlpanel.topspace .is-content-view {
|
|
414
544
|
transform: scale(0.55);
|
|
415
545
|
}
|
|
546
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
547
|
+
transform: scale(0.42);
|
|
548
|
+
}
|
|
416
549
|
}
|
|
417
550
|
@media all and (max-width: 1235px) {
|
|
418
551
|
body.controlpanel .is-content-view {
|
|
419
552
|
transform: scale(0.55);
|
|
420
553
|
}
|
|
554
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
555
|
+
transform: scale(0.38);
|
|
556
|
+
}
|
|
421
557
|
body.controlpanel.topspace .is-content-view {
|
|
422
558
|
transform: scale(0.5);
|
|
423
559
|
}
|
|
560
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
561
|
+
transform: scale(0.38);
|
|
562
|
+
}
|
|
424
563
|
}
|
|
425
564
|
@media all and (max-width: 1175px) {
|
|
426
565
|
body.controlpanel .is-content-view {
|
|
427
566
|
transform: scale(0.5);
|
|
428
567
|
}
|
|
568
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
569
|
+
transform: scale(0.34);
|
|
570
|
+
}
|
|
429
571
|
body.controlpanel.topspace .is-content-view {
|
|
430
572
|
transform: scale(0.45);
|
|
431
573
|
}
|
|
574
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
575
|
+
transform: scale(0.34);
|
|
576
|
+
}
|
|
432
577
|
}
|
|
433
578
|
@media all and (max-width: 1090px) {
|
|
434
579
|
body.controlpanel .is-content-view {
|
|
435
580
|
transform: scale(0.45);
|
|
436
581
|
}
|
|
582
|
+
body.controlpanel .is-content-view.desktop-lg {
|
|
583
|
+
transform: scale(0.3);
|
|
584
|
+
}
|
|
437
585
|
body.controlpanel.topspace .is-content-view {
|
|
438
586
|
transform: scale(0.4);
|
|
439
587
|
}
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
width: 100vw !important;
|
|
444
|
-
height: 100vh !important;
|
|
445
|
-
transform: none !important;
|
|
446
|
-
margin: 0 !important;
|
|
447
|
-
}
|
|
448
|
-
.is-content-view.fullview > div {
|
|
449
|
-
display: none;
|
|
450
|
-
}
|
|
451
|
-
.is-content-view.fullview iframe {
|
|
452
|
-
position: fixed;
|
|
453
|
-
top: 0;
|
|
454
|
-
left: 61px;
|
|
455
|
-
width: calc(100vw - 61px);
|
|
456
|
-
height: 100vh;
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
body.controlpanel .is-content-view.fullview > div {
|
|
460
|
-
display: none;
|
|
461
|
-
}
|
|
462
|
-
body.controlpanel .is-content-view.fullview iframe {
|
|
463
|
-
position: fixed;
|
|
464
|
-
top: 0;
|
|
465
|
-
left: 61px;
|
|
466
|
-
width: calc(100vw - 351px);
|
|
467
|
-
height: 100vh;
|
|
588
|
+
body.controlpanel.topspace .is-content-view.desktop-lg {
|
|
589
|
+
transform: scale(0.3);
|
|
590
|
+
}
|
|
468
591
|
}
|
|
469
592
|
|
|
470
593
|
/* /IFRAME */
|
|
@@ -989,7 +1112,8 @@ body.controlpanel .is-wrapper {
|
|
|
989
1112
|
justify-content: center;
|
|
990
1113
|
}
|
|
991
1114
|
.builder-ui .is-controlpanel .panel-image .asset-preview img,
|
|
992
|
-
.builder-ui .is-controlpanel .panel-box .asset-preview img
|
|
1115
|
+
.builder-ui .is-controlpanel .panel-box .asset-preview img,
|
|
1116
|
+
.builder-ui .is-controlpanel .panel-block .asset-preview img {
|
|
993
1117
|
max-width: 130px;
|
|
994
1118
|
max-height: 130px;
|
|
995
1119
|
}
|
|
@@ -1563,11 +1687,6 @@ body.topspace.controlpanel {
|
|
|
1563
1687
|
}
|
|
1564
1688
|
}
|
|
1565
1689
|
*/
|
|
1566
|
-
body.topspace .is-content-view.fullview iframe {
|
|
1567
|
-
height: calc(100vh - var(--topspace));
|
|
1568
|
-
top: var(--topspace);
|
|
1569
|
-
}
|
|
1570
|
-
|
|
1571
1690
|
body.topspace .is-sidebar {
|
|
1572
1691
|
height: calc(100vh - var(--topspace)) !important;
|
|
1573
1692
|
top: var(--topspace) !important;
|
|
@@ -2666,3 +2785,103 @@ body.frame-center.controlpanel .is-content-view {
|
|
|
2666
2785
|
}
|
|
2667
2786
|
|
|
2668
2787
|
*/
|
|
2788
|
+
/* Full View */
|
|
2789
|
+
/*
|
|
2790
|
+
.is-content-view {
|
|
2791
|
+
&.fullview {
|
|
2792
|
+
width:100vw !important;
|
|
2793
|
+
height:100vh !important;
|
|
2794
|
+
transform:none !important;
|
|
2795
|
+
margin:0 !important;
|
|
2796
|
+
& > div { display:none}
|
|
2797
|
+
iframe {
|
|
2798
|
+
position: fixed;
|
|
2799
|
+
top: 0;
|
|
2800
|
+
left: 61px;
|
|
2801
|
+
width: calc(100vw - 61px);
|
|
2802
|
+
height: 100vh;
|
|
2803
|
+
}
|
|
2804
|
+
}
|
|
2805
|
+
}
|
|
2806
|
+
body.controlpanel {
|
|
2807
|
+
.is-content-view {
|
|
2808
|
+
&.fullview {
|
|
2809
|
+
& > div { display:none}
|
|
2810
|
+
iframe {
|
|
2811
|
+
position: fixed;
|
|
2812
|
+
top: 0;
|
|
2813
|
+
left: 61px;
|
|
2814
|
+
width: calc(100vw - 351px);
|
|
2815
|
+
height: 100vh;
|
|
2816
|
+
}
|
|
2817
|
+
}
|
|
2818
|
+
}
|
|
2819
|
+
}
|
|
2820
|
+
*/
|
|
2821
|
+
body.fullview.topspace .is-content-view.fullview iframe {
|
|
2822
|
+
height: calc(100vh - var(--topspace));
|
|
2823
|
+
}
|
|
2824
|
+
|
|
2825
|
+
body.fullview.frame-center #editPanel {
|
|
2826
|
+
left: 61px !important;
|
|
2827
|
+
right: 0px !important;
|
|
2828
|
+
transition: all 0.3s ease;
|
|
2829
|
+
}
|
|
2830
|
+
|
|
2831
|
+
body.fullview.controlpanel.frame-center #editPanel {
|
|
2832
|
+
left: 61px !important;
|
|
2833
|
+
right: 290px !important;
|
|
2834
|
+
height: 100vh !important;
|
|
2835
|
+
width: unset !important;
|
|
2836
|
+
}
|
|
2837
|
+
|
|
2838
|
+
body.fullview.topspace .is-content-view {
|
|
2839
|
+
width: 100%;
|
|
2840
|
+
margin-top: var(--topspace) !important;
|
|
2841
|
+
height: calc(100vh - var(--topspace)) !important;
|
|
2842
|
+
transform: scale(1);
|
|
2843
|
+
}
|
|
2844
|
+
|
|
2845
|
+
body.fullview.controlpanel.topspace .is-content-view {
|
|
2846
|
+
width: 100%;
|
|
2847
|
+
margin-top: var(--topspace) !important;
|
|
2848
|
+
height: calc(100vh - var(--topspace)) !important;
|
|
2849
|
+
margin-right: 0;
|
|
2850
|
+
transform: scale(1);
|
|
2851
|
+
}
|
|
2852
|
+
|
|
2853
|
+
body.fullview.topspace .is-content-view > div:first-child {
|
|
2854
|
+
display: none !important;
|
|
2855
|
+
}
|
|
2856
|
+
|
|
2857
|
+
body.fullview.topspace .is-content-view iframe {
|
|
2858
|
+
height: 100%;
|
|
2859
|
+
}
|
|
2860
|
+
|
|
2861
|
+
/* Iframe Resizer */
|
|
2862
|
+
.iframe-resizer {
|
|
2863
|
+
position: absolute !important;
|
|
2864
|
+
width: 2px;
|
|
2865
|
+
height: 100% !important;
|
|
2866
|
+
top: 0;
|
|
2867
|
+
right: 0;
|
|
2868
|
+
z-index: 3;
|
|
2869
|
+
cursor: ew-resize;
|
|
2870
|
+
display: block !important;
|
|
2871
|
+
}
|
|
2872
|
+
|
|
2873
|
+
.resizer-overlay {
|
|
2874
|
+
position: fixed !important;
|
|
2875
|
+
top: 0;
|
|
2876
|
+
left: 0;
|
|
2877
|
+
width: 100%;
|
|
2878
|
+
height: 100% !important;
|
|
2879
|
+
display: none;
|
|
2880
|
+
background-color: rgba(255, 255, 255, 0.0000001);
|
|
2881
|
+
z-index: 2;
|
|
2882
|
+
cursor: ew-resize;
|
|
2883
|
+
}
|
|
2884
|
+
|
|
2885
|
+
.is-content-view.transition-none {
|
|
2886
|
+
transition: none !important;
|
|
2887
|
+
}
|