diff --git a/docs/src/pages/components/List.vue b/docs/src/pages/components/List.vue index 5f2728c..2ffd6ba 100644 --- a/docs/src/pages/components/List.vue +++ b/docs/src/pages/components/List.vue @@ -70,6 +70,13 @@ Boolean Disable the item and prevent his actions. Default false + + + + md-expand-multiple + Boolean + Allow multiple items be expanded in same time in md-list. Default false + @@ -845,7 +852,7 @@
- + whatshot News @@ -858,7 +865,7 @@ - + videogame_asset Games @@ -871,7 +878,7 @@ - + video_library Video diff --git a/src/components/mdList/mdList.scss b/src/components/mdList/mdList.scss index bec07bf..165537d 100644 --- a/src/components/mdList/mdList.scss +++ b/src/components/mdList/mdList.scss @@ -288,6 +288,10 @@ } } + &.md-active + .md-active:before { + background: none; + } + > .md-list-item-container .md-list-expand-indicator { transform: rotateZ(180deg) translate3D(0, 0, 0); } diff --git a/src/components/mdList/mdListItemExpand.vue b/src/components/mdList/mdListItemExpand.vue index a91c812..9fb449b 100644 --- a/src/components/mdList/mdListItemExpand.vue +++ b/src/components/mdList/mdListItemExpand.vue @@ -20,7 +20,8 @@ export default { name: 'md-list-item', props: { - disabled: Boolean + disabled: Boolean, + mdExpandMultiple: Boolean }, data() { return { @@ -67,7 +68,10 @@ }); }, toggleExpandList() { - this.resetSiblings(); + if (!this.mdExpandMultiple) { + this.resetSiblings(); + } + this.calculatePadding(); this.active = !this.active; },