@progressive-development/pd-wizard 0.1.7 → 0.1.9
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 +14 -2
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"order",
|
|
15
15
|
"steps"
|
|
16
16
|
],
|
|
17
|
-
"version": "0.1.
|
|
17
|
+
"version": "0.1.9",
|
|
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.13",
|
|
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
|
@@ -110,9 +110,15 @@ export class PdWizard extends LitElement {
|
|
|
110
110
|
/* Hier festlegung ob das innere Element voll ausfüllen soll (width: 100%), oder aber
|
|
111
111
|
zentral als inneres Element innerhalb des content Elements angezeigt werden soll => andere Angabe, vorher war max-width nur angegeben (ticomi) */
|
|
112
112
|
.wiz-content-inner {
|
|
113
|
-
min-height: 200px;
|
|
114
|
-
width: 100%;
|
|
113
|
+
min-height: 200px;
|
|
115
114
|
background-color: var(--pd-wizard-content-inner-bg-col, var(--pd-default-bg-col));
|
|
115
|
+
max-width: 96%;
|
|
116
|
+
min-width: 850px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
:host(.full-inner) .wiz-content-inner {
|
|
120
|
+
width: 100%;
|
|
121
|
+
max-width: 100%;
|
|
116
122
|
}
|
|
117
123
|
|
|
118
124
|
.wiz-buttons {
|
|
@@ -176,6 +182,12 @@ export class PdWizard extends LitElement {
|
|
|
176
182
|
--pd-icon-stroke-col: var(--pd-default-hover-col);
|
|
177
183
|
}
|
|
178
184
|
|
|
185
|
+
@media (max-width: 1000px) {
|
|
186
|
+
.wiz-content-inner {
|
|
187
|
+
min-width: 95%;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
179
191
|
/* Size Elements for small width */
|
|
180
192
|
@media (max-width: 700px) {
|
|
181
193
|
:host {
|