@progressive-development/pd-page 0.1.21 → 0.1.23

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/PdMenu.js +11 -1
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Progressive development page helper, teaser, menu, footer.",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "author": "PD Progressive Development",
6
- "version": "0.1.21",
6
+ "version": "0.1.23",
7
7
  "main": "index.js",
8
8
  "module": "index.js",
9
9
  "scripts": {
package/src/PdMenu.js CHANGED
@@ -34,6 +34,11 @@ export class PdMenu extends LitElement {
34
34
  height: var(--pd-menu-height, 100px);
35
35
  background-color: var(--pd-menu-bg-col, var(--pd-default-col));
36
36
  box-shadow: var(--pd-menu-shadow, 3px 3px 5px grey);
37
+
38
+ // Add into component, before styled from outside by using element
39
+ width: 100%;
40
+ position: fixed;
41
+ top: 0;
37
42
  }
38
43
 
39
44
  .menu-container {
@@ -286,7 +291,7 @@ export class PdMenu extends LitElement {
286
291
  }
287
292
 
288
293
  _menuItemClicked(e) {
289
- this._toggleBurgerMenu();
294
+
290
295
  const secParam = e.target.dataset.sec;
291
296
  const routeParam = e.target.dataset.route;
292
297
  if (secParam !== 'undefined' && secParam !== '') {
@@ -301,6 +306,11 @@ export class PdMenu extends LitElement {
301
306
  })
302
307
  );
303
308
  }
309
+
310
+ // close menu if open
311
+ if (this._activeBurgerMenu) {
312
+ this._activeBurgerMenu = !this._activeBurgerMenu;
313
+ }
304
314
  }
305
315
 
306
316
  static _scrollToTop() {