fix: remove mdc-chip icon element from mdc-chip__text element

stasson · Feb 19, 2018 · 44d9849 · 44d9849
1 parent adbfa3d
commit 44d9849
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/chips/mdc-chip.vue b/components/chips/mdc-chip.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="mdc-chip" :class="classes" :style="styles" tabindex="0" @click="dispatchEvent">
+    <i class="material-icons mdc-chip__icon mdc-chip__icon--leading" v-if="icon && !trailing">{{icon}}</i>
     <div classes="mdc-chip__text">
-      <i class="material-icons mdc-chip__icon mdc-chip__icon--leading" v-if="icon && !trailing">{{icon}}</i>
       <slot></slot>
-      <i class="material-icons mdc-chip__icon mdc-chip__icon--trailing" tabindex="0" role="button" v-if="icon && trailing">{{icon}}</i>
     </div>
+    <i class="material-icons mdc-chip__icon mdc-chip__icon--trailing" tabindex="0" role="button" v-if="icon && trailing">{{icon}}</i>
   </div>  
 </template>