Merge remote-tracking branch 'origin/improvement/mdList' into develop

* origin/improvement/mdList:
  enable multiple expansions in mdList vuematerial#442

Author: marcosmoura

docs/src/pages/components/List.vue

@@ -70,6 +70,13 @@
                 <md-table-cell><code>Boolean</code></md-table-cell>
                 <md-table-cell>Disable the item and prevent his actions. Default <code>false</code></md-table-cell>
               </md-table-row>
+              </md-table-row>
+
+              <md-table-row>
+                <md-table-cell>md-expand-multiple</md-table-cell>
+                <md-table-cell><code>Boolean</code></md-table-cell>
+                <md-table-cell>Allow multiple items be expanded in same time in md-list. Default <code>false</code></md-table-cell>
+              </md-table-row>
             </md-table-body>
           </md-table>
 
@@ -845,7 +852,7 @@
           <div slot="demo">
             <div class="phone-viewport">
               <md-list>
-                <md-list-item>
+                <md-list-item md-expand-multiple>
                   <md-icon>whatshot</md-icon>
                   <span>News</span>
 
@@ -858,7 +865,7 @@
                   </md-list-expand>
                 </md-list-item>
 
-                <md-list-item>
+                <md-list-item md-expand-multiple>
                   <md-icon>videogame_asset</md-icon>
                   <span>Games</span>
 
@@ -871,7 +878,7 @@
                   </md-list-expand>
                 </md-list-item>
 
-                <md-list-item>
+                <md-list-item md-expand-multiple>
                   <md-icon>video_library</md-icon>
                   <span>Video</span>
 

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

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