LP1998969 Make disabled <option>s more obvious

Changes the color of disabled options in <select> dropdowns to 30% gray.

To test, visit the staff catalog. In the search filters, with the search
type set to keyword, notice that the "matches exactly" and "starts with"
options in the "Contains" dropdown are now better distinguished from
valid choices.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Susan Morrison <smorrison@georgialibraries.org>
Signed-off-by: Jane Sandberg <sandbergja@gmail.com>

diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index e63ff76..9332276 100644 (file)
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -229,6 +229,10 @@ input[formcontrolname].ng-invalid {
   border-bottom: 1px solid rgba(0,0,0,.125);
 }
 
+option[disabled] {
+  color: rgba(0,0,0,.3);
+}
+
 /**
  * Only display the print container when printing
  */