From 7104c064590236a0392a51152c33a2adf625d003 Mon Sep 17 00:00:00 2001 From: N-Shar-ma Date: Mon, 15 Apr 2024 12:26:56 +0530 Subject: [PATCH] css: Make all modal buttons half opaque when disabled, instead of grey. Earlier, the primary modal button always turned grey on being disabled, while other modal buttons remained as is in light mode, and grey in dark mode. Now the styling is made consistent across all modal buttons, by giving them all 50% opacity when disabled. --- web/styles/dark_theme.css | 5 ----- web/styles/modal.css | 5 +---- 2 files changed, 1 insertion(+), 9 deletions(-) diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css index 58dae2961511d..f766ca3604bb8 100644 --- a/web/styles/dark_theme.css +++ b/web/styles/dark_theme.css @@ -104,11 +104,6 @@ } } - .modal__btn:disabled { - opacity: 1; - background-color: hsl(0deg 0% 83% / 50%); - } - & table.table-striped thead.table-sticky-headers th { background-color: hsl(0deg 0% 0%); diff --git a/web/styles/modal.css b/web/styles/modal.css index 467e94d55bac4..8702bf9294720 100644 --- a/web/styles/modal.css +++ b/web/styles/modal.css @@ -129,6 +129,7 @@ &:disabled { cursor: not-allowed; + opacity: 0.5; } } @@ -151,10 +152,6 @@ margin-left: 12px; background-color: hsl(240deg 96% 68%); color: hsl(0deg 0% 100%) !important; - - &:disabled { - background-color: hsl(0deg 0% 65%); - } } #read_receipts_error,