@progressive-development/pd-page 0.1.14 → 0.1.15
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/PdMenu.js +18 -10
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.
|
|
6
|
+
"version": "0.1.15",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"module": "index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@progressive-development/pd-contact": "^0.1.12",
|
|
21
|
-
"@progressive-development/pd-dialog": "^0.1.
|
|
21
|
+
"@progressive-development/pd-dialog": "^0.1.16",
|
|
22
22
|
"@progressive-development/pd-forms": "^0.1.16",
|
|
23
23
|
"@progressive-development/pd-icon": "^0.1.13",
|
|
24
24
|
"@progressive-development/pd-shared-styles": "^0.1.1",
|
package/src/PdMenu.js
CHANGED
|
@@ -6,10 +6,8 @@
|
|
|
6
6
|
|
|
7
7
|
import { LitElement, html, css } from 'lit';
|
|
8
8
|
import { installMediaQueryWatcher } from 'pwa-helpers/media-query.js';
|
|
9
|
-
|
|
10
9
|
import { ICON_TOOGLE_ARROW as burgerIcon } from '@progressive-development/pd-icon/src/PdIcon.js';
|
|
11
10
|
import '@progressive-development/pd-icon/pd-icon.js';
|
|
12
|
-
|
|
13
11
|
import { PDColorStyles, PDFontStyles } from '@progressive-development/pd-shared-styles';
|
|
14
12
|
|
|
15
13
|
/**
|
|
@@ -60,7 +58,8 @@ export class PdMenu extends LitElement {
|
|
|
60
58
|
li {
|
|
61
59
|
display: flex;
|
|
62
60
|
align-items: center;
|
|
63
|
-
cursor: pointer
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
border-radius: 0.5rem;
|
|
64
63
|
}
|
|
65
64
|
|
|
66
65
|
.item {
|
|
@@ -68,7 +67,7 @@ export class PdMenu extends LitElement {
|
|
|
68
67
|
font-family: var(--pd-menu-font-family, var(--pd-default-font-title-family));
|
|
69
68
|
font-size: var(--pd-menu-font-size, 1.2em);
|
|
70
69
|
font-weight: var(--pd-menu-font-weight, bold);
|
|
71
|
-
padding:
|
|
70
|
+
padding: 0.8em;
|
|
72
71
|
}
|
|
73
72
|
|
|
74
73
|
.item.active,
|
|
@@ -112,7 +111,7 @@ export class PdMenu extends LitElement {
|
|
|
112
111
|
}
|
|
113
112
|
|
|
114
113
|
::slotted(.logo) {
|
|
115
|
-
max-width:
|
|
114
|
+
max-width:6rem;
|
|
116
115
|
width: 100%;
|
|
117
116
|
padding: var(--pd-menu-logo-padding, 2em);
|
|
118
117
|
}
|
|
@@ -134,15 +133,24 @@ export class PdMenu extends LitElement {
|
|
|
134
133
|
visibility: hidden;
|
|
135
134
|
position: absolute;
|
|
136
135
|
flex-direction: column;
|
|
137
|
-
top:
|
|
136
|
+
top:5rem;
|
|
138
137
|
right: 0px;
|
|
139
138
|
background-color: var(--pd-menu-burger-bg-col, var(--pd-default-light-col));
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
/**Angepasste BugerStyle */
|
|
140
|
+
box-shadow: var(--pd-menu-shadow, 3px 3px 5px grey);
|
|
141
|
+
border-bottom:3px solid #fff;
|
|
142
|
+
padding: 1rem 0.2em 0.2em 0.2em;
|
|
143
|
+
width:100%;
|
|
144
|
+
-moz-border-radius: 1rem;
|
|
145
|
+
border-radius: 1rem;
|
|
142
146
|
}
|
|
143
147
|
|
|
144
|
-
li {
|
|
145
|
-
|
|
148
|
+
li {
|
|
149
|
+
border-radius: 0.5rem;
|
|
150
|
+
align-self: justify;
|
|
151
|
+
width:80%;
|
|
152
|
+
font-size:90% !important;
|
|
153
|
+
height:1rem;
|
|
146
154
|
}
|
|
147
155
|
|
|
148
156
|
.item {
|