Fixed hovering on toolbar cards

2021-03-26 09:26:16 +02:00
parent 6678bc1cea
commit aa34508cb3
1 changed files with 5 additions and 2 deletions
--- a/app/imports/ui/components/ToolbarCard.vue
+++ b/app/imports/ui/components/ToolbarCard.vue
@@ -1,9 +1,9 @@
 <template lang="html">
  <v-card
    :hover="hasClickListener"
-    :elevation="hovering ? 8 : undefined"
    class="toolbar-card"
-    @click="$emit('click')"
+    :class="hovering ? 'elevation-8': ''"
+    @click.native="$emit('click')"
  >
    <v-toolbar
      flat
@@ -62,4 +62,7 @@
 .toolbar-card .v-toolbar__title {
  font-size: 14px;
 }
+.toolbar-card {
+  transition: box-shadow .4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
 </style>