diff --git a/changelog/unreleased/enhancement-contextmenu-hover-background b/changelog/unreleased/enhancement-contextmenu-hover-background new file mode 100644 index 00000000000..106ed991521 --- /dev/null +++ b/changelog/unreleased/enhancement-contextmenu-hover-background @@ -0,0 +1,7 @@ +Enhancement: Contextmenu background hover + +We've added a background hover color for contextmenu actions. + +https://github.com/owncloud/web/pull/6553 +https://github.com/owncloud/web/pull/6559 +https://github.com/owncloud/web/issues/6560 diff --git a/packages/web-app-files/src/components/FilesList/ContextActions.vue b/packages/web-app-files/src/components/FilesList/ContextActions.vue index 448a36ca1cd..cff383fefc5 100644 --- a/packages/web-app-files/src/components/FilesList/ContextActions.vue +++ b/packages/web-app-files/src/components/FilesList/ContextActions.vue @@ -12,7 +12,7 @@ :key="`section-${section.name}-action-${actionIndex}`" :action="action" :items="items" - class="oc-files-context-action oc-px-s" + class="oc-files-context-action oc-px-s oc-rounded" /> @@ -212,7 +212,6 @@ export default { padding: 6px; &:hover { background-color: var(--oc-color-background-hover); - border-radius: 4px; } } diff --git a/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap b/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap index 60e07dd023f..91a80fa24af 100644 --- a/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap +++ b/packages/web-app-files/tests/unit/components/FilesList/__snapshots__/ContextActions.spec.js.snap @@ -3,59 +3,59 @@ exports[`ContextActions menu items renders a list of actions for a file 1`] = `
-
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • @@ -66,59 +66,59 @@ exports[`ContextActions menu items renders a list of actions for a file 1`] = ` exports[`ContextActions menu items renders a list of actions for a folder 1`] = `
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -