@progressive-development/pd-wizard 0.0.22 → 0.0.24
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 +1 -1
- package/src/PdSteps.js +4 -1
- package/src/PdWizard.js +16 -3
package/package.json
CHANGED
package/src/PdSteps.js
CHANGED
|
@@ -45,7 +45,10 @@ class PdSteps extends LitElement {
|
|
|
45
45
|
--my-hr-bg-color: var(--squi-hr-bg-color, #fefefe);
|
|
46
46
|
|
|
47
47
|
display: block;
|
|
48
|
-
background-color: var(--my-bg-color);
|
|
48
|
+
background-color: var(--my-bg-color);
|
|
49
|
+
|
|
50
|
+
border-bottom-left-radius: var(--pd-step-borderradius, 0);
|
|
51
|
+
border-bottom-right-radius: var(--pd-step-borderradius, 0);
|
|
49
52
|
|
|
50
53
|
/* Hack => Wegen HR Linie wird das elemt 10 nach oben geschoben, sonst immer Abstand <hr> block display etc. => wie zu lösen? */
|
|
51
54
|
margin-top: -10px;
|
package/src/PdWizard.js
CHANGED
|
@@ -115,13 +115,21 @@ export class PdWizard extends LitElement {
|
|
|
115
115
|
--my-header-background-color: var(--pd-wizard-header-bg-color, #084c61);
|
|
116
116
|
--my-header-text-color: var(--pd-wizard-header-txt-color, white);
|
|
117
117
|
|
|
118
|
-
--my-footer-background-color: var(--
|
|
118
|
+
--my-footer-background-color: var(--pd-wizard-footer-bg-color, #fefefe);
|
|
119
119
|
|
|
120
120
|
display: block;
|
|
121
121
|
/*min-height: 100%;*/
|
|
122
122
|
height: 100%;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
+
:host([roundedFullContent]) .layout-container {
|
|
126
|
+
gap: 0px;
|
|
127
|
+
grid-template-areas:
|
|
128
|
+
'header header header'
|
|
129
|
+
'content content content'
|
|
130
|
+
'footer footer footer';
|
|
131
|
+
}
|
|
132
|
+
|
|
125
133
|
/* Layout Grid for the Wizard Component
|
|
126
134
|
Wird hier für die "Text-Bildschirmgröße" verwendet, umstellen/gleichziehen => verschiedene Implementierungen, die Flex Variante (ticomi-web) scheint am schlankesten...
|
|
127
135
|
*/
|
|
@@ -143,7 +151,7 @@ export class PdWizard extends LitElement {
|
|
|
143
151
|
|
|
144
152
|
/* Grid Area positions for layout container above */
|
|
145
153
|
.wiz-header {
|
|
146
|
-
grid-area: header;
|
|
154
|
+
grid-area: header;
|
|
147
155
|
}
|
|
148
156
|
.wiz-content {
|
|
149
157
|
grid-area: content;
|
|
@@ -160,9 +168,12 @@ export class PdWizard extends LitElement {
|
|
|
160
168
|
padding-right: 50px;*/
|
|
161
169
|
justify-content: space-between;
|
|
162
170
|
background-color: var(--my-footer-background-color);
|
|
171
|
+
|
|
172
|
+
border-bottom-left-radius: var(--pd-step-borderradius, 0);
|
|
173
|
+
border-bottom-right-radius: var(--pd-step-borderradius, 0);
|
|
163
174
|
}
|
|
164
175
|
|
|
165
|
-
.wiz-breadcrumbs {
|
|
176
|
+
.wiz-breadcrumbs {
|
|
166
177
|
}
|
|
167
178
|
|
|
168
179
|
.wiz-title {
|
|
@@ -238,6 +249,7 @@ export class PdWizard extends LitElement {
|
|
|
238
249
|
currentNumber: { type: Number },
|
|
239
250
|
wizardSteps: { Array },
|
|
240
251
|
logo: { type: Object },
|
|
252
|
+
roundedFullContent: { type: Boolean, reflect: true },
|
|
241
253
|
};
|
|
242
254
|
}
|
|
243
255
|
|
|
@@ -245,6 +257,7 @@ export class PdWizard extends LitElement {
|
|
|
245
257
|
super();
|
|
246
258
|
this.currentNumber = -99;
|
|
247
259
|
this.wizardSteps = [];
|
|
260
|
+
this.roundedFullContent = false;
|
|
248
261
|
}
|
|
249
262
|
|
|
250
263
|
render() {
|