Style fixes for menus

changelog/unreleased/enhancement-hover-in-oc-drop-menues

@@ -0,0 +1,5 @@
+Enhancement: Hover in ocDrop menues
+
+We've added the "oc-menu-item-hover" class for <li> elements inside ocDrop, to add the hover effect on buttons and links. 
+
+https://github.com/owncloud/owncloud-design-system/pull/2069

src/components/atoms/OcDrop/OcDrop.vue

@@ -208,6 +208,27 @@ export default {
     // note: needed so that the box shadow from `oc-box-shadow-medium` doesn't get suppressed
     padding: 8px;
   }
+  li.oc-menu-item-hover {
+    a,
+    button:not([role="switch"]) {
+      box-sizing: border-box;
+      padding: var(--oc-space-small);
+      color: var(--oc-color-swatch-passive-default);
+      &:focus,
+      &:hover {
+        background-color: var(--oc-color-background-hover);
+
+        text-decoration: none !important;
+        border-radius: 5px;
+      }
+      &:hover span {
+        color: var(--oc-color-swatch-brand-hover) !important;
+      }
+      span {
+        text-decoration: none !important;
+      }
+    }
+  }
 }
 
 .oc-drop {

src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue

@@ -183,10 +183,6 @@ export default {
     #oc-breadcrumb-contextmenu-trigger > span {
       vertical-align: middle;
       border: 3px solid transparent;
-      &:hover {
-        background-color: var(--oc-color-background-hover);
-        border-radius: 5px;
-      }
     }
 
     #oc-breadcrumb-contextmenu li button {

src/components/molecules/OcTable/OcTable.vue

@@ -472,7 +472,7 @@ export default {
     transition: background-color $transition-duration-short ease-in-out;
   }
 
-  &-hover tr:hover span:not(.avatarInitials):not(button span) {
+  &-hover tr:hover td:not(:last-child) span:not(.avatarInitials):not(button span) {
     color: var(--oc-color-swatch-brand-hover) !important;
   }