@regulaforensics/vp-frontend-document-components 7.3.1805-nightly → 7.4.1806-nightly
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 +14 -0
- package/dist/main.iife.js +26 -34
- package/dist/main.js +450 -458
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
* [Backend reprocessing](#backend-reprocessing)
|
|
20
20
|
* [Appearance Customization](#appearance-customization)
|
|
21
21
|
* [Font and Colors](#font-and-colors)
|
|
22
|
+
* [Inserting component in Flex and Grid layouts](#inserting-component-in-flex-and-grid-layouts)
|
|
22
23
|
* [Localized Messages](#localized-messages)
|
|
23
24
|
* [Document Reader Processor](#document-reader-processor)
|
|
24
25
|
* [npm Processor Integration](#npm-processor-integration)
|
|
@@ -1009,6 +1010,19 @@ HTML:
|
|
|
1009
1010
|
```html
|
|
1010
1011
|
<document-reader class="my-custom-style"></document-reader>
|
|
1011
1012
|
```
|
|
1013
|
+
#### Inserting component in Flex and Grid layouts
|
|
1014
|
+
|
|
1015
|
+
document-reader and camera-snapshot components have **width** and **height** set to **100%** by default and therefore try to fit their container element.
|
|
1016
|
+
This should not affect correct CSS Grid positioning, but for Flexbox make sure to style document-reader dimensions and set **flex-basis**, i.e.:
|
|
1017
|
+
|
|
1018
|
+
```css
|
|
1019
|
+
document-reader.flex-item {
|
|
1020
|
+
width: auto;
|
|
1021
|
+
height: auto;
|
|
1022
|
+
flex-basis: 500px; // distinct width of your choice
|
|
1023
|
+
}
|
|
1024
|
+
```
|
|
1025
|
+
|
|
1012
1026
|
|
|
1013
1027
|
#### Localized Messages
|
|
1014
1028
|
|