fix(menu): use higher specificity to provide correct styling for disa…

…bled states
adobe · Jan 31, 2024 · 36e0183 · 36e0183
1 parent fa8cd37
commit 36e0183
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/components/menu/index.css b/components/menu/index.css
@@ -794,6 +794,16 @@ governing permissions and limitations under the License.
 
   &:hover {
     cursor: default;
+    background-color: transparent;
+
+    .spectrum-Menu-itemLabel,
+    .spectrum-Menu-sectionHeading {
+      color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
+    }
+
+    .spectrum-Menu-itemDescription {
+      color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
+    }
 
     .spectrum-Menu-itemIcon {
       fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));