From bb886868d2f5254ab2a7f45237898d85f253f951 Mon Sep 17 00:00:00 2001
From: tomasz1986 <twilczynski@naver.com>
Date: Sun, 14 Mar 2021 16:14:19 +0900
Subject: [PATCH] gui: Use grey background for disabled options in form-control
 (#7468)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Disabled options are currently barely distinguishable from enabled
ones. This changes their background to grey, following the Bootstrap
defaults already used for disabled <select>.

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
---
 gui/default/assets/css/overrides.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css
index e449ab879..c79f9ab22 100644
--- a/gui/default/assets/css/overrides.css
+++ b/gui/default/assets/css/overrides.css
@@ -437,3 +437,9 @@ ul.three-columns li, ul.two-columns li {
 .form-horizontal {
     margin-bottom: 10px;
 }
+
+/* Use the same style as Bootstrap uses for disabled <select>. */
+.form-control option[disabled] {
+    background-color: #eeeeee;
+    opacity: 1;
+}