fix: Ripple fix after latest changes

Author: rstoenescu

src/components/card/QCard.vue

@@ -1,11 +1,9 @@
 <template>
   <div
-    class="q-card"
+    class="q-card column"
     :class="{
       'no-border-radius': square,
       'no-shadow': flat,
-      row: horizontal,
-      column: !horizontal,
       inline: inline
     }"
   >
@@ -19,7 +17,6 @@ export default {
   props: {
     square: Boolean,
     flat: Boolean,
-    horizontal: Boolean,
     inline: Boolean
   }
 }

src/components/collapsible/QCollapsible.vue

@@ -30,7 +30,7 @@
 
     <q-slide-transition>
       <div v-show="active">
-        <div class="q-collapsible-sub-item" :class="{menu: menu}">
+        <div class="q-collapsible-sub-item" :class="{indent: indent}">
           <slot></slot>
         </div>
       </div>
@@ -59,7 +59,7 @@ export default {
   },
   props: {
     opened: Boolean,
-    menu: Boolean,
+    indent: Boolean,
     icon: String,
     group: String,
     img: String,

src/components/collapsible/collapsible.ios.styl

@@ -1,10 +1,10 @@
-$collapsible-padding           ?= 4px 16px
-$collapsible-menu-left-padding ?= ($item-primary-size + $item-gutter)
-$collapsible-active-color      ?= $item-active-color
+$collapsible-padding             ?= 4px 16px
+$collapsible-indent-left-padding ?= ($item-primary-size + $item-gutter)
+$collapsible-active-color        ?= $item-active-color
 
 .q-collapsible-sub-item
   padding $collapsible-padding
-  &.menu
+  &.indent
     padding-left $collapsible-menu-left-padding
     padding-right 0
 

src/components/collapsible/collapsible.mat.styl

@@ -1,10 +1,10 @@
-$collapsible-padding           ?= 4px 16px
-$collapsible-menu-left-padding ?= ($item-primary-size + $item-gutter)
-$collapsible-active-color      ?= $item-active-color
+$collapsible-padding             ?= 4px 16px
+$collapsible-indent-left-padding ?= ($item-primary-size + $item-gutter)
+$collapsible-active-color        ?= $item-active-color
 
 .q-collapsible-sub-item
   padding $collapsible-padding
-  &.menu
+  &.indent
     padding-left $collapsible-menu-left-padding
     padding-right 0
 

src/directives/ripple.js

@@ -100,7 +100,7 @@ export default {
     ctx.h = h
     el.__qripple = ctx
     Object.keys(h).forEach(evt => {
-      el.addEventListener(evt, ctx[evt], false)
+      el.addEventListener(evt, h[evt], false)
     })
   },
   update (el, { value, oldValue }) {
@@ -115,7 +115,7 @@ export default {
 
     const ctx = el.__qripple
     Object.keys(ctx.h).forEach(evt => {
-      el.removeEventListener(evt, ctx[evt], false)
+      el.removeEventListener(evt, ctx.h[evt], false)
     })
     delete el.__qripple
   }