@progressive-development/pd-page 0.1.23 → 0.1.25
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/PdMenu.js +12 -6
package/package.json
CHANGED
package/src/PdMenu.js
CHANGED
|
@@ -36,9 +36,12 @@ export class PdMenu extends LitElement {
|
|
|
36
36
|
box-shadow: var(--pd-menu-shadow, 3px 3px 5px grey);
|
|
37
37
|
|
|
38
38
|
// Add into component, before styled from outside by using element
|
|
39
|
+
// removed fixed again => not fit for the teaser, custom properties possible, but now handle this in SPAHelper header element
|
|
40
|
+
/*
|
|
39
41
|
width: 100%;
|
|
40
42
|
position: fixed;
|
|
41
43
|
top: 0;
|
|
44
|
+
*/
|
|
42
45
|
}
|
|
43
46
|
|
|
44
47
|
.menu-container {
|
|
@@ -114,15 +117,18 @@ export class PdMenu extends LitElement {
|
|
|
114
117
|
--pd-icon-stroke-col: var(--pd-default-bg-col);
|
|
115
118
|
--pd-icon-col: var(--pd-default-dark-col);
|
|
116
119
|
pointer-events: none;
|
|
117
|
-
}
|
|
120
|
+
}
|
|
118
121
|
|
|
119
122
|
/* An anderer Stelle teils das Image von außen gestylt, das macht es wahrschweinlich
|
|
120
|
-
einfacher als hier einzeln zu stylen. noch zu prüfen
|
|
123
|
+
einfacher als hier einzeln zu stylen. noch zu prüfen
|
|
124
|
+
*/
|
|
121
125
|
::slotted(.logo) {
|
|
122
126
|
max-width: var(--pd-menu-logo-maxwidth, 8rem);
|
|
123
127
|
width: 100%;
|
|
124
|
-
padding: var(--pd-menu-logo-padding, 2em);
|
|
128
|
+
padding: var(--pd-menu-logo-padding, 2em);
|
|
129
|
+
fill: var(--pd-menu-logo-color, #067394);
|
|
125
130
|
}
|
|
131
|
+
|
|
126
132
|
|
|
127
133
|
/**
|
|
128
134
|
* Style for drop down menu on small screens.
|
|
@@ -240,9 +246,9 @@ export class PdMenu extends LitElement {
|
|
|
240
246
|
}
|
|
241
247
|
});
|
|
242
248
|
|
|
243
|
-
return html`
|
|
244
|
-
<div class="menu-container">
|
|
245
|
-
<slot
|
|
249
|
+
return html`
|
|
250
|
+
<div class="menu-container">
|
|
251
|
+
<slot @click="${PdMenu._scrollToTop}" name="slotLogo"></slot>
|
|
246
252
|
<ul>
|
|
247
253
|
${this._renderItems(this._smallScreen ? [...this.menuItems, ...this.topMenuItems] : this.menuItems, true, this._smallScreen)}
|
|
248
254
|
</ul>
|