Forms: disabled input field is not safe for colorblind users

Problem to solve

Found during color audit gitlab-design#289 (closed)

Operations > feature flags

Configure feature flags modal. Low contrast on disabled input field might be difficult to be distinguished by users that are affected with Monochromacy.

Screenshot

Intended users

User experience goal

Proposal

Update modal to make use of the new GlModal component.

This modal is old enough that it doesn't pull anything from GitLab UI, except the copy buttons (which are currently using the deprecated buttons)

I think you'd be best doing a little vue work by changing the inputs to use GlInputGroup from @gitlab/ui in ee/app/assets/javascripts/feature_flags/components/configure_feature_flags_modal.vue If you have any questions, let me know! I'm sure we can crush this.

Further details

Permissions and Security

Documentation

Availability & Testing

What does success look like, and how can we measure that?

What is the type of buyer?

Is this a cross-stage feature?

Links / references