LP1998969 Make disabled <option>s more obvious user/sleary/1998969-disabled-option-opacity
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 6 Dec 2022 22:56:14 +0000 (16:56 -0600)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 7 Dec 2022 17:19:50 +0000 (11:19 -0600)
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>
Open-ILS/src/eg2/src/styles.css

index b239168..b4ee6ea 100644 (file)
@@ -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
  */