@progressive-development/pd-dialog 0.1.6 → 0.1.7
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/src/PdBookDatePopup.js +1 -1
- package/src/PdPopup.js +11 -0
- package/src/PdPopupDialog.js +12 -2
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Progressive Development dialog components.",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.7",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"module": "index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"storybook:build": "npm run analyze -- --exclude dist && build-storybook"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@progressive-development/pd-forms": "^0.1.
|
|
21
|
-
"@progressive-development/pd-icon": "^0.1.
|
|
20
|
+
"@progressive-development/pd-forms": "^0.1.8",
|
|
21
|
+
"@progressive-development/pd-icon": "^0.1.11",
|
|
22
22
|
"@progressive-development/pd-price": "^0.1.2",
|
|
23
23
|
"@progressive-development/pd-shared-styles": "0.1.1",
|
|
24
24
|
"lit": "^2.2.0"
|
package/src/PdBookDatePopup.js
CHANGED
|
@@ -62,7 +62,7 @@ export class PdBookDatePopup extends LitElement {
|
|
|
62
62
|
class="popup-dialog"
|
|
63
63
|
title="Akkoord datum"
|
|
64
64
|
.buttons="${this._buttons}"
|
|
65
|
-
@button-clicked="${this._buttonClicked}"
|
|
65
|
+
@submit-button-clicked="${this._buttonClicked}"
|
|
66
66
|
>
|
|
67
67
|
<div slot="content">
|
|
68
68
|
<p><b>Datum van herstelling: </b>${this.date}</p>
|
package/src/PdPopup.js
CHANGED
|
@@ -29,6 +29,17 @@ export class PdPopup extends LitElement {
|
|
|
29
29
|
|
|
30
30
|
/* The Modal (background) */
|
|
31
31
|
.modal {
|
|
32
|
+
position: fixed; /* Stay in place */
|
|
33
|
+
z-index: 100; /* Sit on top */
|
|
34
|
+
left: 0;
|
|
35
|
+
top: 0;
|
|
36
|
+
width: 100%; /* Full width */
|
|
37
|
+
height: 100%; /* Full height */
|
|
38
|
+
overflow: auto; /* Enable scroll if needed */
|
|
39
|
+
/* RGBA Wert muss hier verwendet werden #AFC1D2 to rgba for opacity */
|
|
40
|
+
background-color: var(--pd-popup-modal-bg-rgba, rgba(175, 193, 210, 0.8));
|
|
41
|
+
|
|
42
|
+
/* specific for PdPopup, abobe also used for PdPopupDialog */
|
|
32
43
|
display: none; /* Hidden by default */
|
|
33
44
|
padding-top: 100px; /* Location of the box */
|
|
34
45
|
}
|
package/src/PdPopupDialog.js
CHANGED
|
@@ -25,11 +25,21 @@ export class PdPopupDialog extends LitElement {
|
|
|
25
25
|
PDColorStyles, PDFontStyles,
|
|
26
26
|
css`
|
|
27
27
|
:host {
|
|
28
|
-
display: block;
|
|
28
|
+
display: block;
|
|
29
29
|
}
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
/* The Modal (background) */
|
|
32
32
|
.modal {
|
|
33
|
+
position: fixed; /* Stay in place */
|
|
34
|
+
z-index: 100; /* Sit on top */
|
|
35
|
+
left: 0;
|
|
36
|
+
top: 0;
|
|
37
|
+
width: 100%; /* Full width */
|
|
38
|
+
height: 100%; /* Full height */
|
|
39
|
+
overflow: auto; /* Enable scroll if needed */
|
|
40
|
+
/* RGBA Wert muss hier verwendet werden #AFC1D2 to rgba for opacity */
|
|
41
|
+
background-color: var(--pd-popup-modal-bg-rgba, rgba(175, 193, 210, 0.8));
|
|
42
|
+
|
|
33
43
|
display: block;
|
|
34
44
|
padding-top: 150px; /* Location of the box */
|
|
35
45
|
padding-left: 10px;
|