@progressive-development/pd-wizard 0.1.74 → 0.1.76
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/PdSteps.js +8 -7
- package/src/PdWizard.js +1 -0
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"order",
|
|
15
15
|
"steps"
|
|
16
16
|
],
|
|
17
|
-
"version": "0.1.
|
|
17
|
+
"version": "0.1.76",
|
|
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.4",
|
|
34
|
-
"@progressive-development/pd-forms": "^0.2.
|
|
34
|
+
"@progressive-development/pd-forms": "^0.2.13",
|
|
35
35
|
"@progressive-development/pd-icon": "^0.1.20",
|
|
36
36
|
"@progressive-development/pd-shared-styles": "0.1.1",
|
|
37
37
|
"lit": "^2.8.0"
|
package/src/PdSteps.js
CHANGED
|
@@ -74,6 +74,7 @@ class PdSteps extends LitElement {
|
|
|
74
74
|
font-size: calc(var(--circle-size) / 1.8);
|
|
75
75
|
// line-height: 1;
|
|
76
76
|
position: absolute;
|
|
77
|
+
pointer-events: none;
|
|
77
78
|
}
|
|
78
79
|
|
|
79
80
|
/* Linien-Styling */
|
|
@@ -108,12 +109,12 @@ class PdSteps extends LitElement {
|
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
.passed {
|
|
111
|
-
color: var(--pd-step-color-passed, var(--pd-default-dark-col))
|
|
112
|
-
cursor: pointer;
|
|
112
|
+
color: var(--pd-step-color-passed, var(--pd-default-dark-col));
|
|
113
113
|
}
|
|
114
114
|
.step.circle.passed {
|
|
115
115
|
border: solid var(--pd-step-circle-border-size, 2px) var(--pd-step-color-passed, var(--pd-default-success-col));
|
|
116
|
-
background-color: var(--pd-default-success-light-col);
|
|
116
|
+
background-color: var(--pd-default-success-light-col);
|
|
117
|
+
cursor: pointer;
|
|
117
118
|
}
|
|
118
119
|
|
|
119
120
|
/* Dynamische Anpassung für kleine Bildschirme */
|
|
@@ -169,11 +170,11 @@ class PdSteps extends LitElement {
|
|
|
169
170
|
pClass = this.currentStepNr === index + 1 ? 'current' : 'passed';
|
|
170
171
|
}
|
|
171
172
|
return html`
|
|
172
|
-
<div class="step-container"
|
|
173
|
-
data-step="${index + 1}"
|
|
174
|
-
@click="${this._stepClicked}">
|
|
173
|
+
<div class="step-container">
|
|
175
174
|
<div
|
|
176
|
-
class="step ${this.styleTyp} ${pClass}"
|
|
175
|
+
class="step ${this.styleTyp} ${pClass}"
|
|
176
|
+
data-step="${index + 1}"
|
|
177
|
+
@click="${this._stepClicked}"
|
|
177
178
|
>
|
|
178
179
|
<span class="step-nr ${pClass}">${index + 1}</span>
|
|
179
180
|
</div>
|
package/src/PdWizard.js
CHANGED
|
@@ -115,6 +115,7 @@ export class PdWizard extends LitElement {
|
|
|
115
115
|
.wiz-content-inner {
|
|
116
116
|
background-color: var(--pd-wizard-content-inner-bg-col, var(--pd-default-bg-col));
|
|
117
117
|
max-width: var(--pd-wizard-content-max-width, 1024px);
|
|
118
|
+
width: var(--pd-wizard-content-width, 75%);
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
.wiz-buttons {
|