@progressive-development/pd-page 0.0.5 → 0.0.7

package/package.json

@@ -3,7 +3,7 @@
   "description": "Progressive development page helper, teaser, menu, footer.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdFooter.js

@@ -97,11 +97,6 @@ export class PdFooter extends LitElement {
         /*border-bottom: 1px solid #ffc857;*/
       }
 
-      .logo {
-        max-width: 6rem;
-        padding-right: 10px;
-      }
-
       /* Size Elements for small width */
       @media (max-width: 440px) {
         .item {
@@ -115,19 +110,13 @@ export class PdFooter extends LitElement {
   }
 
   static get properties() {
-    return {
-      logo: { type: Object },
-      agb: { type: Object },
-      privacy: { type: Object },
-      version: { type: Object },
+    return {      
+      version: { type: String }
     };
   }
 
   constructor() {
     super();
-    this.logo = undefined;
-    this.agb = undefined;
-    this.privacy = undefined;
     this.version = undefined;
   }
 
@@ -136,10 +125,7 @@ export class PdFooter extends LitElement {
   render() {
     return html`
       <div class="left-content">
-        <p>
-          © ticomi technics ${this.logo} <br /><span class="version"
-            >${this.version}</span
-          >
+        <p>© ticomi technics<br/><span class="version">${this.version}</span>
         </p>
       </div>
 
@@ -167,11 +153,15 @@ export class PdFooter extends LitElement {
       </div>
 
       <pd-popup id="legalPopupId">
-        <div slot="content">${this.agb}</div>
+        <div slot="content">
+          <slot name="legal"></slot>
+        </div>
       </pd-popup>
 
       <pd-popup id="privacyPopupId">
-        <div slot="content">${this.privacy}</div>
+        <div slot="content">
+          <slot name="privacy"></slot>
+        </div>
       </pd-popup>
     `;
   }

package/src/PdMenu.js

@@ -79,11 +79,6 @@ export class PdMenu extends LitElement {
         --squi-icon-fill: #ffc857;
       }
 
-      .logo {
-        max-width: 8rem;
-        width: 8rem; /* wird sonst im Chrome nicht angezeigt*/
-      }
-
       .topItemLogo {
         --squi-icon-size: 1.6rem;
         --icon-transition: none;
@@ -96,7 +91,7 @@ export class PdMenu extends LitElement {
 
       /* Size Elements for small width */
       @media (max-width: 440px) {
-        .item {
+        .changevis {
           display: none;
         }
       }
@@ -104,8 +99,7 @@ export class PdMenu extends LitElement {
   }
 
   static get properties() {
-    return {
-      logo: { type: Object },
+    return {      
       menuItems: { type: Array },
       topMenuItems: { type: Array },
       teaserClosed: { type: Boolean }, // TODO: Definiert um scroll position anzugleichen, unabhängiger machen...
@@ -115,7 +109,6 @@ export class PdMenu extends LitElement {
 
   constructor() {
     super();
-    this.logo = {};
     this.menuItems = [];
     this.topMenuItems = [];
     this.teaserClosed = false;
@@ -157,14 +150,14 @@ export class PdMenu extends LitElement {
     return html`
       <ul>
 
-        <li>
-          <slot name="slotLogo" @click="${PdMenu._scrollToTop}"></slot>
+        <li @click="${PdMenu._scrollToTop}">
+          <slot name="slotLogo"></slot>
         </li>
 
         ${this.menuItems.map(
           (item, index) => html`
             <li
-              class="item ${this._activeSecIndex === index + 1 ? 'active' : ''}"
+              class="item ${this._activeSecIndex === index + 1 ? 'active' : ''} changevis"
               data-sec="${item.sec}"
               data-route="${item.route}"
               @click="${this._menuItemClicked}"