@progressive-development/pd-wizard 0.0.22 → 0.0.23
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 +11 -2
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
|
@@ -122,6 +122,13 @@ export class PdWizard extends LitElement {
|
|
|
122
122
|
height: 100%;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
+
:host([roundedFullContent]) .layout-container {
|
|
126
|
+
grid-template-areas:
|
|
127
|
+
'header header header'
|
|
128
|
+
'content content content'
|
|
129
|
+
'footer footer footer';
|
|
130
|
+
}
|
|
131
|
+
|
|
125
132
|
/* Layout Grid for the Wizard Component
|
|
126
133
|
Wird hier für die "Text-Bildschirmgröße" verwendet, umstellen/gleichziehen => verschiedene Implementierungen, die Flex Variante (ticomi-web) scheint am schlankesten...
|
|
127
134
|
*/
|
|
@@ -143,7 +150,7 @@ export class PdWizard extends LitElement {
|
|
|
143
150
|
|
|
144
151
|
/* Grid Area positions for layout container above */
|
|
145
152
|
.wiz-header {
|
|
146
|
-
grid-area: header;
|
|
153
|
+
grid-area: header;
|
|
147
154
|
}
|
|
148
155
|
.wiz-content {
|
|
149
156
|
grid-area: content;
|
|
@@ -162,7 +169,7 @@ export class PdWizard extends LitElement {
|
|
|
162
169
|
background-color: var(--my-footer-background-color);
|
|
163
170
|
}
|
|
164
171
|
|
|
165
|
-
.wiz-breadcrumbs {
|
|
172
|
+
.wiz-breadcrumbs {
|
|
166
173
|
}
|
|
167
174
|
|
|
168
175
|
.wiz-title {
|
|
@@ -238,6 +245,7 @@ export class PdWizard extends LitElement {
|
|
|
238
245
|
currentNumber: { type: Number },
|
|
239
246
|
wizardSteps: { Array },
|
|
240
247
|
logo: { type: Object },
|
|
248
|
+
roundedFullContent: { type: Boolean, reflect: true },
|
|
241
249
|
};
|
|
242
250
|
}
|
|
243
251
|
|
|
@@ -245,6 +253,7 @@ export class PdWizard extends LitElement {
|
|
|
245
253
|
super();
|
|
246
254
|
this.currentNumber = -99;
|
|
247
255
|
this.wizardSteps = [];
|
|
256
|
+
this.roundedFullContent = false;
|
|
248
257
|
}
|
|
249
258
|
|
|
250
259
|
render() {
|