From b4929d772a9e3c41eecd3df80da6f077f47fec20 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 6 Feb 2025 16:31:38 +0200 Subject: [PATCH] style(next): fix disabled menu items not being grayed out --- src/public/stylesheets/theme-next-light.css | 2 +- src/public/stylesheets/theme-next/shell.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css index 1227ed31e..af2d9fe2b 100644 --- a/src/public/stylesheets/theme-next-light.css +++ b/src/public/stylesheets/theme-next-light.css @@ -75,7 +75,7 @@ --menu-text-color: #272727; --menu-background-color: #ffffffd9; --menu-item-icon-color: #727272; - --menu-item-disabled-opacity: 0.5; + --menu-item-disabled-opacity: 0.6; --menu-item-keyboard-shortcut-color: #666666a8; --menu-item-arrow-color: #00000080; --menu-item-delimiter-color: #00000030; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 8d2a2d8eb..8ef908a34 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1034,7 +1034,8 @@ body.mobile .dropdown-submenu:hover { background: transparent !important; } -html body .dropdown-item.disabled { +html body .dropdown-item.disabled, +html body .dropdown-item[disabled] { color: var(--menu-text-color) !important; opacity: var(--menu-item-disabled-opacity); }