Inconsistent disabled state for form elements
The disabled state of gitlab form elements is not consistent.
A discussion came up during MR review on a new feature that uses gitlab form elements, discussion here: gitlab!44099 (comment 424059364).
Inconsistent states
Notice the difference between the "15" gl-form-input
and the "minutes" gl-form-select
.
The correct state
Feedback from the product designer:
The 15 minute one field is the closest to the "right" UI pattern, but the time limit header should also be lightened. Here's what it looks like in the GitLab UI Figma:
Proposal
We should align the disabled states of the form elements with our official specs.