comand-component-library 3.3.1 → 3.3.3

package/src/components/CmdSiteHeader.vue

@@ -4,9 +4,13 @@
         <div v-if="$slots.topheader" class="top-header">
             <slot name="topheader"></slot>
         </div>
-        <!-- end for elements above header -->
+        <!-- end slot for elements above header -->
 
-        <header :class="[useGrid ? 'grid-container-create-columns': 'flex-container', {'has-navigation': cmdMainNavigation || $slots.navigation, 'one-child-only' : oneChildOnly}]">
+        <header :class="[
+            useGrid ? 'grid-container-create-columns': 'flex-container',
+            {'has-navigation': (cmdMainNavigation?.navigationEntries?.length && navigationInline) || $slots.navigation,
+            'one-child-only' : oneChildOnly}
+            ]">
             <!-- begin slots for logo and other header elements -->
             <template v-if="$slots.logo || $slots.header || $slots.navigation">
                 <slot name="logo"></slot>
@@ -26,7 +30,7 @@
 
                 <!-- begin CmdMainNavigation -->
                 <CmdMainNavigation
-                    v-if="cmdMainNavigation?.navigationEntries?.length"
+                    v-if="cmdMainNavigation?.navigationEntries?.length && navigationInline"
                     :navigationEntries="cmdMainNavigation.navigationEntries"
                     :closeOffcanvas="closeOffcanvas"
                 />
@@ -34,6 +38,14 @@
             </template>
             <!-- end content given by data -->
         </header>
+
+        <!-- begin CmdMainNavigation -->
+        <CmdMainNavigation
+            v-if="cmdMainNavigation?.navigationEntries?.length && !navigationInline"
+            :navigationEntries="cmdMainNavigation.navigationEntries"
+            :closeOffcanvas="closeOffcanvas"
+        />
+        <!-- end CmdMainNavigation -->
     </div>
 </template>
 
@@ -154,8 +166,6 @@ export default {
         border-bottom: 0;
     }
 
-
-
     header {
         padding-top: calc(var(--default-padding) * 2);
         padding-bottom: calc(var(--default-padding) * 2);

package/src/components/CmdThumbnailScroller.vue

@@ -287,17 +287,23 @@ export default {
         & img {
             width: auto;
         }
-    }
-}
 
-@media only screen and (max-width: $medium-max-width) {
-    .cmd-thumbnail-scroller {
-        display: block;
+        & > ul > li img {
+            max-height: 7rem;
+        }
+    }
 
+    @media only screen and (max-width: $medium-max-width) {
         &.gallery-scroller {
             max-width: calc(100% - calc(var(--default-margin) * 3));
         }
     }
 }
+
+@media only screen and (max-width: $small-max-width) {
+    .cmd-thumbnail-scroller {
+        display: block;
+    }
+}
 /* end cmd-thumbnail-scroller ------------------------------------------------------------------------------------------ */
 </style>

package/src/documentation/generated/CmdBoxPropertyDescriptions.json

@@ -17,6 +17,18 @@
             "activate if box should be collapsible"
         ]
     },
+    "cutoffTextLines": {
+        "comments": [
+            "number of lines to show if text should be cutoff"
+        ]
+    },
+    "fadeLastLine": {
+        "comments": [
+            "show fade-effect on last line",
+            "",
+            "cutoffTextLines-property must be large 0"
+        ]
+    },
     "useTransition": {
         "comments": [
             "use transition to expand and collapse box-body",

package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json

@@ -4,9 +4,16 @@
             "activate if boxes should be arranged vertically (each box is a row) by default"
         ]
     },
-    "allowUserToToggleView": {
+    "stretchBoxesVertically": {
         "comments": [
-            "activate if user can toggle grid- and row-view by himself"
+            "stretch boxes inside vertically to same height",
+            "",
+            "will not take effect on collapsable boxes"
+        ]
+    },
+    "allowUserToToggleOrientation": {
+        "comments": [
+            "activate if user can toggle grid- and row-orientation by himself"
         ]
     },
     "allowTogglingCollapsingBoxes": {
@@ -31,7 +38,10 @@
     },
     "boxesPerRow": {
         "comments": [
-            "define the number of boxes per row (if view is grid-view)"
+            "define the number of boxes per row (if view is grid-view)",
+            "",
+            "useFlexbox-property must be set to true",
+            "slot may not be used"
         ]
     },
     "iconGridView": {
@@ -43,5 +53,10 @@
         "comments": [
             "define icon for row-view"
         ]
+    },
+    "cmdHeadline": {
+        "comments": [
+            "properties for CmdHeadline-component"
+        ]
     }
 }