comand-component-library 3.1.87 → 3.1.88

package/src/assets/data/opening-hours.json

@@ -24,6 +24,16 @@
             "day": "Fr",
             "fromTime": "08:00",
             "tillTime": "15:00"
+      },
+      {
+            "day": "Sa",
+            "fromTime": "08:00",
+            "tillTime": "15:00"
+      },
+      {
+            "day": "So",
+            "fromTime": "08:00",
+            "tillTime": "22:22"
       }
 ]
 

package/src/assets/styles/global-styles.scss

@@ -4,6 +4,12 @@
 /*
 - IMPORTS ------------------------
 - COMPONENTS AND GLOBAL STYLES ------------------------
+  * ------------------------
+    - main structure
+
+  A ------------------------
+    - avoid-scrolling
+
   E ------------------------
     - error-styles (for form-elements)
 
@@ -33,12 +39,23 @@
 @import 'variables'; /* scss-variables (only used for media-query-breakpoints) */
 /* ---------------------------------------------- END IMPORTS -------------------------------------------------- */
 
+/* ---------------------------------------------- BEGIN COMPONENTS AND GLOBAL STYLES -------------------------------------------------- */
+/* begin styles for main structure --------------------------------------------------------------------------------------------------------------------------------------------------- */
+#page-wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+
+  .cmd-site-footer {
+    margin-top: auto;
+  }
+}
+
 body, .cmd-site-header, .cmd-site-footer, .cmd-copyright-information {
   transition: background linear .5s;
 }
+/* end styles for main structure --------------------------------------------------------------------------------------------------------------------------------------------------- */
 
-
-/* ---------------------------------------------- BEGIN COMPONENTS AND GLOBAL STYLES -------------------------------------------------- */
 /* begin .avoid-scrolling --------------------------------------------------------------------------------------------------------------------------------------------------- */
 body.avoid-scrolling {
   overflow: hidden;

package/src/components/CmdOpeningHours.vue

@@ -134,15 +134,26 @@ export default {
             type: Object,
             required: false
         },
+        /**
+         * option to set custom time format by function
+         */
         timeFormatter: {
             type: Function,
             required: false
         },
+        /**
+         * activate if component should update open-/closed-status on its own
+         */
         componentHandlesClosedStatus: {
             type: Boolean,
             default: true
         }
     },
+    created() {
+        setInterval(function () {
+            this.isClosed()
+        }, 5000)
+    },
     computed: {
         textOpenClosed() {
             return this.isClosed ? this.textClosed : this.textOpen

package/src/components/CmdSiteHeader.vue

@@ -89,6 +89,10 @@ export default {
         padding: 0 var(--default-padding);
     }
 
+    .cmd-main-navigation nav {
+        width: auto;
+    }
+
     .top-header {
         .cmd-list-of-links {
             padding-top: calc(var(--default-padding) / 2);

package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json

@@ -46,12 +46,12 @@
     },
     "timeFormatter": {
         "comments": [
-            "properties for CmdHeadline-component"
+            "option to set custom time format by function"
         ]
     },
     "componentHandlesClosedStatus": {
         "comments": [
-            "properties for CmdHeadline-component"
+            "activate if component should update open-/closed-status on its own"
         ]
     }
 }