Add hover background to collapsible menu items (#4940)

Author: clicktodev

website/src/css/customTheme.scss

@@ -1267,6 +1267,13 @@ aside[class^="theme-doc-sidebar-container"] {
   }
 
   .menu__list-item-collapsible {
+    border-radius: var(--ifm-global-radius);
+
+    // Disable background color on hover for collapsible items with direct child anchor without href
+    &:has(> a:not([href])):hover {
+      background-color: transparent;
+    }
+
     .menu__caret {
       padding: 0 6px;
 
@@ -1276,14 +1283,6 @@ aside[class^="theme-doc-sidebar-container"] {
         margin-top: -1px;
       }
     }
-
-    &:hover {
-      background: none !important;
-
-      .menu__link--sublist-caret:hover {
-        background: var(--ifm-menu-color-background-hover) !important;
-      }
-    }
   }
 
   @media only screen and (max-width: 1120px) {