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;
},