Add hover effect to QuickActions

owncloud · Feb 17, 2022 · 2e2e6a6 · 2e2e6a6
1 parent 0e054dc
commit 2e2e6a6
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/web-app-files/src/components/FilesList/QuickActions.vue b/packages/web-app-files/src/components/FilesList/QuickActions.vue
@@ -6,7 +6,7 @@
       v-oc-tooltip="action.label($gettext)"
       :aria-label="action.label($gettext)"
       appearance="raw"
-      class="oc-mr-xs"
+      class="oc-mr-xs quick-action-button"
       :class="`files-quick-action-${action.id}`"
       @click="action.handler({ item, client: $client, store: $store, $gettext })"
     >
@@ -39,3 +39,12 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+.quick-action-button {
+  padding: 6px !important;
+  &:hover {
+    background-color: var(--oc-color-background-muted) !important;
+  }
+}
+</style>