@progressive-development/pd-wizard 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 +2 -2
- package/src/PdWizard.js +12 -13
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"order",
|
|
15
15
|
"steps"
|
|
16
16
|
],
|
|
17
|
-
"version": "0.1.
|
|
17
|
+
"version": "0.1.7",
|
|
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.11",
|
|
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,16 +103,15 @@ 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
|
-
|
|
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
113
|
min-height: 200px;
|
|
114
|
-
|
|
115
|
-
max-width: 1000px;
|
|
114
|
+
width: 100%;
|
|
116
115
|
background-color: var(--pd-wizard-content-inner-bg-col, var(--pd-default-bg-col));
|
|
117
116
|
}
|
|
118
117
|
|
|
@@ -154,14 +153,14 @@ export class PdWizard extends LitElement {
|
|
|
154
153
|
/* The Close Button */
|
|
155
154
|
.close {
|
|
156
155
|
position: absolute;
|
|
157
|
-
top:
|
|
158
|
-
right:
|
|
156
|
+
top: 6px;
|
|
157
|
+
right: 6px;
|
|
159
158
|
|
|
160
159
|
display: flex;
|
|
161
160
|
align-items: center;
|
|
162
161
|
gap: 5px;
|
|
163
162
|
|
|
164
|
-
font-size: 0.8rem;
|
|
163
|
+
font-size: 0.8rem;
|
|
165
164
|
|
|
166
165
|
cursor: pointer;
|
|
167
166
|
|
|
@@ -195,8 +194,8 @@ export class PdWizard extends LitElement {
|
|
|
195
194
|
.close {
|
|
196
195
|
font-size: 0.7rem;
|
|
197
196
|
--pd-icon-size: 1.2rem;
|
|
198
|
-
top:
|
|
199
|
-
right:
|
|
197
|
+
top: 3px;
|
|
198
|
+
right: 3px;
|
|
200
199
|
}
|
|
201
200
|
}
|
|
202
201
|
|