Skip to content

Commit 36e0183

Browse files
committed
fix(menu): use higher specificity to provide correct styling for disabled states
1 parent fa8cd37 commit 36e0183

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

components/menu/index.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -794,6 +794,16 @@ governing permissions and limitations under the License.
794794

795795
&:hover {
796796
cursor: default;
797+
background-color: transparent;
798+
799+
.spectrum-Menu-itemLabel,
800+
.spectrum-Menu-sectionHeading {
801+
color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
802+
}
803+
804+
.spectrum-Menu-itemDescription {
805+
color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
806+
}
797807

798808
.spectrum-Menu-itemIcon {
799809
fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));

0 commit comments

Comments
 (0)