@progressive-development/pd-page 0.1.99 → 0.1.100
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 +11 -13
package/package.json
CHANGED
package/src/PdMenu.js
CHANGED
|
@@ -201,7 +201,6 @@ export class PdMenu extends LitElement {
|
|
|
201
201
|
.burger-menu {
|
|
202
202
|
display: flex;
|
|
203
203
|
gap: 0.3rem;
|
|
204
|
-
justify-content: end;
|
|
205
204
|
align-items: center;
|
|
206
205
|
cursor: pointer;
|
|
207
206
|
|
|
@@ -210,6 +209,13 @@ export class PdMenu extends LitElement {
|
|
|
210
209
|
|
|
211
210
|
--pd-icon-stroke-col-active: var(--pd-menu-font-col, var(--pd-default-bg-col));
|
|
212
211
|
--pd-icon-col-active: lightgrey;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.burger-menu:hover {
|
|
215
|
+
--pd-icon-col: var(--pd-default-hover-col);
|
|
216
|
+
--pd-icon-col-active: var(--pd-default-hover-col);
|
|
217
|
+
--pd-icon-stroke-col: var(--pd-menu-font-col, var(--pd-default-bg-col));
|
|
218
|
+
--pd-icon-stroke-col-active: var(--pd-menu-font-col, var(--pd-default-bg-col));
|
|
213
219
|
}
|
|
214
220
|
|
|
215
221
|
.burger-menu .item{
|
|
@@ -222,17 +228,7 @@ export class PdMenu extends LitElement {
|
|
|
222
228
|
color: var(--pd-default-hover-col);
|
|
223
229
|
}
|
|
224
230
|
|
|
225
|
-
.
|
|
226
|
-
--pd-icon-col: var(--pd-default-hover-col);
|
|
227
|
-
--pd-icon-col-active: var(--pd-default-hover-col);
|
|
228
|
-
--pd-icon-stroke-col: var(--pd-menu-font-col, var(--pd-default-bg-col));
|
|
229
|
-
--pd-icon-stroke-col-active: var(--pd-menu-font-col, var(--pd-default-bg-col));
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
/* An anderer Stelle teils das Image von außen gestylt, das macht es wahrschweinlich
|
|
233
|
-
einfacher als hier einzeln zu stylen. noch zu prüfen
|
|
234
|
-
*/
|
|
235
|
-
::slotted(.logo) {
|
|
231
|
+
.logo-container {
|
|
236
232
|
max-width: var(--pd-menu-logo-maxwidth, 8rem);
|
|
237
233
|
width: 100%;
|
|
238
234
|
padding: var(--pd-menu-logo-padding, 2em);
|
|
@@ -324,7 +320,9 @@ export class PdMenu extends LitElement {
|
|
|
324
320
|
|
|
325
321
|
return html`
|
|
326
322
|
<div class="menu-container">
|
|
327
|
-
<
|
|
323
|
+
<div class="logo-container">
|
|
324
|
+
<slot @click="${this._logoClicked}" name="slotLogo"></slot>
|
|
325
|
+
</div>
|
|
328
326
|
<ul class="menu-ul ${this._smallScreen ? "burger-ul" : ""}">
|
|
329
327
|
${this._renderItems(this._smallScreen ? [...this.menuItems, ...this.topMenuItems] : this.menuItems, true, this._smallScreen)}
|
|
330
328
|
</ul>
|