@progressive-development/pd-wizard 0.0.21 → 0.0.22
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/PdWizard.js +8 -17
package/package.json
CHANGED
package/src/PdWizard.js
CHANGED
|
@@ -8,7 +8,7 @@ import { LitElement, html, css } from 'lit';
|
|
|
8
8
|
import '@progressive-development/pd-forms/pd-button.js';
|
|
9
9
|
import './PdSteps.js';
|
|
10
10
|
|
|
11
|
-
// TODO: dont get it running with attribute???
|
|
11
|
+
// TODO: dont get it running with attribute??? Nachtrag: Use slot here now
|
|
12
12
|
export const ticomiLogo = html`
|
|
13
13
|
<svg
|
|
14
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -112,8 +112,8 @@ export class PdWizard extends LitElement {
|
|
|
112
112
|
:host {
|
|
113
113
|
--my-font: var(--app-font, Oswald);
|
|
114
114
|
|
|
115
|
-
--my-header-background-color: var(--
|
|
116
|
-
--my-header-text-color: var(--
|
|
115
|
+
--my-header-background-color: var(--pd-wizard-header-bg-color, #084c61);
|
|
116
|
+
--my-header-text-color: var(--pd-wizard-header-txt-color, white);
|
|
117
117
|
|
|
118
118
|
--my-footer-background-color: var(--squi-test, #fefefe);
|
|
119
119
|
|
|
@@ -166,9 +166,10 @@ export class PdWizard extends LitElement {
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
.wiz-title {
|
|
169
|
+
position: relative;
|
|
169
170
|
text-align: center;
|
|
170
171
|
background-color: var(--my-header-background-color);
|
|
171
|
-
height: 80px;
|
|
172
|
+
height: var(--pd-wizard-title-height, 80px);
|
|
172
173
|
line-height: 80px;
|
|
173
174
|
padding-left: 80px;
|
|
174
175
|
}
|
|
@@ -178,21 +179,12 @@ export class PdWizard extends LitElement {
|
|
|
178
179
|
font-size: 1.8em;
|
|
179
180
|
font-weight: bolder;
|
|
180
181
|
color: var(--my-header-text-color);
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
/* in Umstellung, Logo als Slot übergeben... */
|
|
184
|
-
.logo {
|
|
185
|
-
max-width: 8rem;
|
|
186
|
-
width: 8rem; /* wird sonst im Chrome nicht angezeigt*/
|
|
187
|
-
position: absolute;
|
|
188
|
-
left: 20px;
|
|
189
|
-
top: 10px;
|
|
190
|
-
}
|
|
182
|
+
}
|
|
191
183
|
|
|
192
184
|
/* The Close Button */
|
|
193
185
|
.close {
|
|
194
186
|
position: absolute;
|
|
195
|
-
color:
|
|
187
|
+
color: var(--my-header-text-color, white);
|
|
196
188
|
font-size: 2.5em;
|
|
197
189
|
font-weight: bold;
|
|
198
190
|
line-height: 1em;
|
|
@@ -261,8 +253,7 @@ export class PdWizard extends LitElement {
|
|
|
261
253
|
<div class="layout-container">
|
|
262
254
|
<div class="wiz-header">
|
|
263
255
|
<div class="wiz-title">
|
|
264
|
-
|
|
265
|
-
|
|
256
|
+
<slot name="slotLogo"></slot>
|
|
266
257
|
<span class="title"
|
|
267
258
|
>${this.currentNumber >= 1 && this.wizardSteps
|
|
268
259
|
? this.wizardSteps[this.currentNumber - 1].title
|