@progressive-development/pd-wizard 0.1.6 → 0.1.8
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 +2 -2
- package/src/PdWizard.js +18 -14
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"order",
|
|
15
15
|
"steps"
|
|
16
16
|
],
|
|
17
|
-
"version": "0.1.
|
|
17
|
+
"version": "0.1.8",
|
|
18
18
|
"main": "index.js",
|
|
19
19
|
"module": "index.js",
|
|
20
20
|
"scripts": {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@lit/localize": "^0.11.2",
|
|
34
|
-
"@progressive-development/pd-forms": "^0.1.
|
|
34
|
+
"@progressive-development/pd-forms": "^0.1.12",
|
|
35
35
|
"@progressive-development/pd-icon": "^0.1.13",
|
|
36
36
|
"@progressive-development/pd-shared-styles": "0.1.1",
|
|
37
37
|
"lit": "^2.2.0"
|
package/src/PdWizard.js
CHANGED
|
@@ -88,11 +88,11 @@ export class PdWizard extends LitElement {
|
|
|
88
88
|
auto
|
|
89
89
|
);
|
|
90
90
|
/*grid-template-rows: auto minmax(30em, 1fr) 4.166rem; /* ToDo wie 100% hoch????* für content, damit footer unten ist?*/
|
|
91
|
-
gap:
|
|
91
|
+
gap: 0px;
|
|
92
92
|
grid-template-areas:
|
|
93
93
|
'header header header'
|
|
94
94
|
'content content content'
|
|
95
|
-
'footer footer footer';
|
|
95
|
+
'footer footer footer';
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
/* Grid Area positions for layout container above */
|
|
@@ -103,17 +103,21 @@ export class PdWizard extends LitElement {
|
|
|
103
103
|
grid-area: content;
|
|
104
104
|
display: flex;
|
|
105
105
|
justify-content: center;
|
|
106
|
-
height: 100%;
|
|
106
|
+
height: 100%;
|
|
107
107
|
background-color: var(--pd-wizard-content-bg-col, var(--pd-default-bg-col));
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
min-height: 200px;
|
|
114
|
-
min-width: 400px;
|
|
115
|
-
max-width: 1000px;
|
|
110
|
+
/* Hier festlegung ob das innere Element voll ausfüllen soll (width: 100%), oder aber
|
|
111
|
+
zentral als inneres Element innerhalb des content Elements angezeigt werden soll => andere Angabe, vorher war max-width nur angegeben (ticomi) */
|
|
112
|
+
.wiz-content-inner {
|
|
113
|
+
min-height: 200px;
|
|
116
114
|
background-color: var(--pd-wizard-content-inner-bg-col, var(--pd-default-bg-col));
|
|
115
|
+
max-width: 95%;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
:host(.full-inner) .wiz-content-inner {
|
|
119
|
+
width: 100%;
|
|
120
|
+
max-width: 100%;
|
|
117
121
|
}
|
|
118
122
|
|
|
119
123
|
.wiz-buttons {
|
|
@@ -154,14 +158,14 @@ export class PdWizard extends LitElement {
|
|
|
154
158
|
/* The Close Button */
|
|
155
159
|
.close {
|
|
156
160
|
position: absolute;
|
|
157
|
-
top:
|
|
158
|
-
right:
|
|
161
|
+
top: 6px;
|
|
162
|
+
right: 6px;
|
|
159
163
|
|
|
160
164
|
display: flex;
|
|
161
165
|
align-items: center;
|
|
162
166
|
gap: 5px;
|
|
163
167
|
|
|
164
|
-
font-size: 0.8rem;
|
|
168
|
+
font-size: 0.8rem;
|
|
165
169
|
|
|
166
170
|
cursor: pointer;
|
|
167
171
|
|
|
@@ -195,8 +199,8 @@ export class PdWizard extends LitElement {
|
|
|
195
199
|
.close {
|
|
196
200
|
font-size: 0.7rem;
|
|
197
201
|
--pd-icon-size: 1.2rem;
|
|
198
|
-
top:
|
|
199
|
-
right:
|
|
202
|
+
top: 3px;
|
|
203
|
+
right: 3px;
|
|
200
204
|
}
|
|
201
205
|
}
|
|
202
206
|
|