@innovastudio/contentbox 1.0.27 → 1.0.28
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/README.md
CHANGED
|
@@ -139,11 +139,17 @@ React and Vue project examples are provided in separate downloads in the user ar
|
|
|
139
139
|
|
|
140
140
|
To start building a page, you can click the (+) button on the top left sidebar. This will open a selection of predesigned sections that you can add into your page.
|
|
141
141
|
|
|
142
|
-
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
There are 2 predesigned section categories:
|
|
147
|
+
- Simple Start (to start from a basic/clean design)
|
|
148
|
+
- Quick Start (to start with examples)
|
|
143
149
|
|
|
144
150
|
The predesigned section files are located in the folder:
|
|
145
151
|
|
|
146
|
-
assets/designs
|
|
152
|
+
**assets/designs/**
|
|
147
153
|
|
|
148
154
|
It contains:
|
|
149
155
|
- basic.js (a JSON file containing a list of simple designs)
|
|
@@ -229,13 +235,9 @@ A selection of typography styles is provided for you to choose to format your pa
|
|
|
229
235
|
|
|
230
236
|
|
|
231
237
|
|
|
232
|
-
The style can be used to format the entire page or just a specific section
|
|
233
|
-
|
|
234
|
-
If the page has one or more sections (or boxes) that have their own typography style, a modal dialog is opened for you to choose and replace all the sections' styles or keep the sections' style and format only the unstyled sections.
|
|
235
|
-
|
|
236
|
-
|
|
238
|
+
The style can be used to format the entire page or just a specific section of your page.
|
|
237
239
|
|
|
238
|
-
To apply the typography style
|
|
240
|
+
To apply the typography style to a specific box area, open the Box Settings dialog, select the 'Text' tab and click 'Change Style'.
|
|
239
241
|
|
|
240
242
|
|
|
241
243
|
|
|
@@ -243,7 +245,7 @@ This will re-open the typography selection and your selection will be applied to
|
|
|
243
245
|
|
|
244
246
|
Typography style files are located in the folder:
|
|
245
247
|
|
|
246
|
-
assets/styles
|
|
248
|
+
**assets/styles/**
|
|
247
249
|
|
|
248
250
|
It contains all the css needed and its preview images. You can change its location using the **contentStylePath** parameter.
|
|
249
251
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@innovastudio/contentbox",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.28",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "public/contentbox/contentbox.esm.js",
|
|
6
6
|
"files": [
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"webpack-dev-server": "^4.0.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@innovastudio/contentbuilder": "^1.0.
|
|
41
|
+
"@innovastudio/contentbuilder": "^1.0.57",
|
|
42
42
|
"axios": "^0.21.4",
|
|
43
43
|
"cors": "^2.8.5",
|
|
44
44
|
"express": "^4.17.1",
|
|
@@ -245,10 +245,11 @@
|
|
|
245
245
|
border-top: #fff 40px solid;
|
|
246
246
|
padding: 35px 15px 0;
|
|
247
247
|
box-sizing: border-box;
|
|
248
|
-
height: 100%;
|
|
249
248
|
overflow-y: auto;
|
|
250
249
|
overflow-x: hidden;
|
|
251
250
|
top: 120px;
|
|
251
|
+
left: 50px;
|
|
252
|
+
width: calc(100% - 50px);
|
|
252
253
|
height: calc(100% - 120px);
|
|
253
254
|
position: absolute;
|
|
254
255
|
}
|
|
@@ -392,7 +393,8 @@
|
|
|
392
393
|
}
|
|
393
394
|
|
|
394
395
|
#_cbhtml .is-modal.editsection button.cmd-section-height,
|
|
395
|
-
#_cbhtml .is-modal.editsection button.cmd-box-spacing
|
|
396
|
+
#_cbhtml .is-modal.editsection button.cmd-box-spacing,
|
|
397
|
+
#_cbhtml .is-modal.editsection button.cmd-scroll-preset {
|
|
396
398
|
width: 50px;
|
|
397
399
|
}
|
|
398
400
|
|