@innovastudio/contentbuilder 1.5.9 → 1.5.11
Sign up to get free protection for your applications and to get access to all the features.
package/package.json
CHANGED
@@ -41,6 +41,23 @@ button:focus-visible {
|
|
41
41
|
outline-offset: 2px !important;
|
42
42
|
}
|
43
43
|
|
44
|
+
.is-page {
|
45
|
+
position: relative;
|
46
|
+
transform-origin: top;
|
47
|
+
max-width: none;
|
48
|
+
display: flex;
|
49
|
+
align-items: center;
|
50
|
+
flex-direction: column;
|
51
|
+
width: 100%;
|
52
|
+
height: 100%;
|
53
|
+
}
|
54
|
+
|
55
|
+
.is-page > .is-box.box-select {
|
56
|
+
outline: 1px solid #00da89;
|
57
|
+
outline-offset: -1px;
|
58
|
+
z-index: 1;
|
59
|
+
}
|
60
|
+
|
44
61
|
.is-builder {
|
45
62
|
transition: all ease 0.3s;
|
46
63
|
transform-origin: top;
|
@@ -2483,6 +2500,35 @@ button:focus-visible {
|
|
2483
2500
|
border: transparent 1px solid;
|
2484
2501
|
background-color: transparent;
|
2485
2502
|
}
|
2503
|
+
#_cbhtml .is-modal.pagesize .is-modal-content,
|
2504
|
+
.is-ui .is-modal.pagesize .is-modal-content {
|
2505
|
+
max-width: 980px;
|
2506
|
+
}
|
2507
|
+
#_cbhtml .is-modal.pagesize .div-page-sizes,
|
2508
|
+
.is-ui .is-modal.pagesize .div-page-sizes {
|
2509
|
+
display: flex;
|
2510
|
+
overflow-y: auto;
|
2511
|
+
overflow-x: hidden;
|
2512
|
+
background: #f3f3f3;
|
2513
|
+
flex-flow: row wrap;
|
2514
|
+
padding: 20px;
|
2515
|
+
box-sizing: border-box;
|
2516
|
+
height: 590px;
|
2517
|
+
}
|
2518
|
+
#_cbhtml .is-modal.pagesize [data-pagesize],
|
2519
|
+
.is-ui .is-modal.pagesize [data-pagesize] {
|
2520
|
+
background: #fff;
|
2521
|
+
margin: 20px;
|
2522
|
+
box-shadow: 5px 9px 10px rgba(0, 0, 0, 0.1);
|
2523
|
+
min-width: 70px;
|
2524
|
+
min-height: 70px;
|
2525
|
+
}
|
2526
|
+
#_cbhtml .is-modal.pagesize .input-width,
|
2527
|
+
#_cbhtml .is-modal.pagesize .input-height,
|
2528
|
+
.is-ui .is-modal.pagesize .input-width,
|
2529
|
+
.is-ui .is-modal.pagesize .input-height {
|
2530
|
+
width: 65px;
|
2531
|
+
}
|
2486
2532
|
#_cbhtml .is-modal.edittable,
|
2487
2533
|
.is-ui .is-modal.edittable {
|
2488
2534
|
z-index: 10002;
|
@@ -2625,13 +2671,17 @@ button:focus-visible {
|
|
2625
2671
|
width: 14px;
|
2626
2672
|
height: 14px;
|
2627
2673
|
}
|
2628
|
-
#_cbhtml .is-modal.editblock .asset-preview,
|
2629
|
-
|
2674
|
+
#_cbhtml .is-modal.editblock .asset-page-preview,
|
2675
|
+
#_cbhtml .is-modal.editblock .asset-block-preview,
|
2676
|
+
.is-ui .is-modal.editblock .asset-page-preview,
|
2677
|
+
.is-ui .is-modal.editblock .asset-block-preview {
|
2630
2678
|
max-width: 120px;
|
2631
2679
|
height: 100px;
|
2632
2680
|
}
|
2633
|
-
#_cbhtml .is-modal.editblock .asset-preview img,
|
2634
|
-
|
2681
|
+
#_cbhtml .is-modal.editblock .asset-page-preview img,
|
2682
|
+
#_cbhtml .is-modal.editblock .asset-block-preview img,
|
2683
|
+
.is-ui .is-modal.editblock .asset-page-preview img,
|
2684
|
+
.is-ui .is-modal.editblock .asset-block-preview img {
|
2635
2685
|
max-width: 100%;
|
2636
2686
|
max-height: 100%;
|
2637
2687
|
}
|
@@ -5127,6 +5177,69 @@ button:focus-visible {
|
|
5127
5177
|
width: 14px;
|
5128
5178
|
height: 14px;
|
5129
5179
|
}
|
5180
|
+
.is-tool.is-canvas-tool {
|
5181
|
+
display: flex;
|
5182
|
+
flex-direction: column;
|
5183
|
+
width: auto;
|
5184
|
+
left: auto;
|
5185
|
+
right: -40px;
|
5186
|
+
box-shadow: none;
|
5187
|
+
border-radius: 2px;
|
5188
|
+
overflow: hidden;
|
5189
|
+
}
|
5190
|
+
.is-tool.is-canvas-tool button {
|
5191
|
+
width: 30px;
|
5192
|
+
height: 30px;
|
5193
|
+
display: flex;
|
5194
|
+
justify-content: center;
|
5195
|
+
align-items: center;
|
5196
|
+
}
|
5197
|
+
.is-tool.is-canvas-tool button.box-up svg, .is-tool.is-canvas-tool button.box-down svg {
|
5198
|
+
width: 12px;
|
5199
|
+
height: 12px;
|
5200
|
+
}
|
5201
|
+
.is-tool.is-canvas-tool button.box-settings svg {
|
5202
|
+
width: 12px;
|
5203
|
+
height: 12px;
|
5204
|
+
}
|
5205
|
+
.is-tool.is-canvas-tool button.box-remove svg {
|
5206
|
+
width: 14px;
|
5207
|
+
height: 14px;
|
5208
|
+
}
|
5209
|
+
.is-tool.is-canvasadd-tool {
|
5210
|
+
display: flex;
|
5211
|
+
flex-direction: column;
|
5212
|
+
width: auto;
|
5213
|
+
top: auto;
|
5214
|
+
bottom: -37px;
|
5215
|
+
left: calc(50% - 15px);
|
5216
|
+
box-shadow: none;
|
5217
|
+
border-radius: 2px;
|
5218
|
+
overflow: hidden;
|
5219
|
+
}
|
5220
|
+
.is-tool.is-canvasadd-tool button {
|
5221
|
+
width: 30px;
|
5222
|
+
height: 30px;
|
5223
|
+
display: flex;
|
5224
|
+
justify-content: center;
|
5225
|
+
align-items: center;
|
5226
|
+
}
|
5227
|
+
.is-tool.is-canvasadd-tool button.box-add svg {
|
5228
|
+
width: 14px;
|
5229
|
+
height: 14px;
|
5230
|
+
}
|
5231
|
+
|
5232
|
+
.page-web .is-tool.is-canvas-tool {
|
5233
|
+
top: 10vh;
|
5234
|
+
right: 5px;
|
5235
|
+
}
|
5236
|
+
.page-web .is-tool.is-canvasadd-tool {
|
5237
|
+
bottom: 5px;
|
5238
|
+
}
|
5239
|
+
|
5240
|
+
.page-web-container .is-tool.is-canvasadd-tool {
|
5241
|
+
bottom: 5px;
|
5242
|
+
}
|
5130
5243
|
|
5131
5244
|
.is-builder[gray] .is-tool.is-row-tool {
|
5132
5245
|
background: rgba(243, 243, 243, 0.9);
|