comand-component-library 4.2.14 → 4.2.16
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/dist/comand-component-library.js +1695 -1681
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/assets/data/image.json +2 -1
- package/src/components/CmdBox.vue +5 -1
- package/src/components/CmdImage.vue +2 -2
- package/src/components/CmdLink.vue +4 -0
- package/src/components/CmdLoginForm.vue +4 -1
- package/src/components/CmdMultistepFormProgressBar.vue +1 -1
- package/src/components/CmdSiteFooter.vue +7 -2
- package/src/components/CmdTextImageBlock.vue +1 -1
- package/src/components/CmdThumbnailScroller.vue +14 -9
- package/src/index.js +1 -0
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/>
|
|
17
17
|
<!-- end cmd-headline -->
|
|
18
18
|
|
|
19
|
-
<div class="inner-thumbnail-wrapper">
|
|
19
|
+
<div :class="['inner-thumbnail-wrapper', {box: styleAsBox}]">
|
|
20
20
|
<!-- begin CmdSlideButton -->
|
|
21
21
|
<CmdSlideButton
|
|
22
22
|
v-if="showSlidebuttons"
|
|
@@ -135,6 +135,13 @@ export default {
|
|
|
135
135
|
type: Boolean,
|
|
136
136
|
default: false
|
|
137
137
|
},
|
|
138
|
+
/**
|
|
139
|
+
* activate if thumbnail-scroller should be styled as a box
|
|
140
|
+
*/
|
|
141
|
+
styleAsBox: {
|
|
142
|
+
type: Boolean,
|
|
143
|
+
default: false
|
|
144
|
+
},
|
|
138
145
|
/**
|
|
139
146
|
* activate if large icons should be displayed above link text
|
|
140
147
|
*
|
|
@@ -179,7 +186,7 @@ export default {
|
|
|
179
186
|
required: true
|
|
180
187
|
},
|
|
181
188
|
/**
|
|
182
|
-
* allow large version of images to be opened in CmdFancyBox-component
|
|
189
|
+
* allow the large version of images to be opened in CmdFancyBox-component
|
|
183
190
|
*/
|
|
184
191
|
allowOpenFancyBox: {
|
|
185
192
|
type: Boolean,
|
|
@@ -398,14 +405,13 @@ export default {
|
|
|
398
405
|
}
|
|
399
406
|
|
|
400
407
|
> .inner-thumbnail-wrapper {
|
|
401
|
-
|
|
402
|
-
padding: calc(var(--default-padding) * 2);
|
|
403
|
-
padding-top: 0;
|
|
404
|
-
margin: 0 auto;
|
|
405
|
-
border: var(--default-border);
|
|
406
|
-
background: var(--color-scheme-background);
|
|
408
|
+
margin: var(--default-margin) 0;
|
|
407
409
|
overflow: hidden;
|
|
408
410
|
|
|
411
|
+
&.box {
|
|
412
|
+
padding: calc(var(--default-padding) * 2); /* overwrite default-padding from frontend-framework */
|
|
413
|
+
}
|
|
414
|
+
|
|
409
415
|
> ul {
|
|
410
416
|
overflow: hidden;
|
|
411
417
|
margin: 0;
|
|
@@ -418,7 +424,6 @@ export default {
|
|
|
418
424
|
align-self: center;
|
|
419
425
|
list-style-type: none;
|
|
420
426
|
margin: 0;
|
|
421
|
-
margin-top: 2rem;
|
|
422
427
|
flex: none; /* avoids items to shrink to small on small screens */
|
|
423
428
|
|
|
424
429
|
img {
|
package/src/index.js
CHANGED
|
@@ -24,6 +24,7 @@ export { default as CmdImageGallery } from '@/components/CmdImageGallery.vue'
|
|
|
24
24
|
export { default as CmdImageZoom } from '@/components/CmdImageZoom.vue'
|
|
25
25
|
export { default as CmdInputGroup } from '@/components/CmdInputGroup.vue'
|
|
26
26
|
export { default as CmdLink } from '@/components/CmdLink.vue'
|
|
27
|
+
export { default as CmdListOfImages } from '@/components/CmdListOfImages.vue'
|
|
27
28
|
export { default as CmdListOfLinks } from '@/components/CmdListOfLinks.vue'
|
|
28
29
|
export { default as CmdLoginForm } from '@/components/CmdLoginForm.vue'
|
|
29
30
|
export { default as CmdMainNavigation } from '@/components/CmdMainNavigation.vue'
|