Merge pull request #6559 from owncloud/feature-contextmenu-hover-back…

…ground Contextmenu hover background
owncloud · Mar 9, 2022 · e1e3265 · e1e3265
2 parents 8d7ff36 + dcb6c54
commit e1e3265
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 33 deletions.
diff --git a/changelog/unreleased/enhancement-contextmenu-hover-background 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
@@ -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"
  />
  </oc-list>
  </template>
@@ -210,6 +210,9 @@ export default {
 
  li {
  padding: 6px;
+ &:hover {
+ background-color: var(--oc-color-background-hover);
+ }
  }
 
  > li {
@@ -224,12 +227,6 @@ export default {
  vertical-align: top;
  width: 100%;
  text-align: left;
-
- span:hover,
- &:hover {
- color: var(--oc-color-swatch-passive-hover) !important;
- text-decoration: underline !important;
- }
  }
  }