Fix/dropdown accessibility (#476)

* fix environment select text color to be visible. * fix dropdown text color for active status and domain autocomplete.
cadence-workflow · May 19, 2022 · b125b7c · b125b7c
1 parent 5eb5ccc
commit b125b7c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/client/App.vue b/client/App.vue
@@ -437,6 +437,8 @@ header.top-bar
   }
 
   .environment-select {
+    color: #000;
+
     .vs__dropdown-toggle {
       border-color: transparent;
     }

diff --git a/client/containers/active-status/component.vue b/client/containers/active-status/component.vue
@@ -81,8 +81,12 @@ export default {
 <style lang="stylus">
 @require "../../styles/definitions"
 
+span.active-status {
+  color: white;
+}
+
 .active-status {
-  color: white !important;
+  color: #000;
   padding: 5px 10px;
   text-transform: uppercase;
 

diff --git a/client/containers/domain-autocomplete/component.vue b/client/containers/domain-autocomplete/component.vue
@@ -105,6 +105,7 @@ export default {
 @require "../../styles/base.styl"
 
 .domain-autocomplete {
+  color: #000;
   width: 100%;
 
   .navigate-to-domain {