From fe0a068ee5c5d907f133905457c9b1c80c0ddabb Mon Sep 17 00:00:00 2001
From: tnmkr <tnmdotkr@gmail.com>
Date: Wed, 3 Jul 2024 01:10:44 +0530
Subject: [PATCH] css: Normalize opacity on `select:disabled` elements.

We are setting the opacity to Chrome's 0.7 because that is what most
select fields in Organization settings are styled for.
---
 web/styles/modal.css    | 3 +++
 web/styles/settings.css | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/web/styles/modal.css b/web/styles/modal.css
index 530a3181bf..c5b993b059 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -374,6 +374,9 @@
         /* The background-color of select elements inside modal is different than the others in
         settings pages, because the background of the modal is brighter than the setting page. */
         background-color: hsl(0deg 0% 90%);
+
+        /* This is reset for other browsers to use Chrome's opacity. */
+        opacity: 0.7;
     }
 }
 
diff --git a/web/styles/settings.css b/web/styles/settings.css
index e62e7bdd07..d3aaa4d208 100644
--- a/web/styles/settings.css
+++ b/web/styles/settings.css
@@ -371,6 +371,9 @@ td .button {
     &:disabled {
         cursor: not-allowed;
         background-color: hsl(0deg 0% 93%);
+
+        /* This is reset for other browsers to use Chrome's opacity. */
+        opacity: 0.7;
     }
 }