Part of #5746. Follow-up from #7762 (Input TS migration).
FieldLabel renders <label class="control-label">, but .control-label only sets display: block + svg alignment. Its colour, font-weight and font-size all come from the global label {} element selector in web/styles/project/_forms.scss — so the DS component isn't self-contained; it leans on a global rule.
Do
- Move
color / font-weight / font-size into .control-label so FieldLabel styles itself.
- Then narrow or drop the global
label {} rule.
Watch out
Every non-FieldLabel <label> in the app (Checkbox, ad-hoc forms) currently relies on that global rule, so audit/migrate those before removing it. That app-wide blast radius is why it was left out of #7762.
Part of #5746. Follow-up from #7762 (Input TS migration).
FieldLabelrenders<label class="control-label">, but.control-labelonly setsdisplay: block+ svg alignment. Its colour, font-weight and font-size all come from the globallabel {}element selector inweb/styles/project/_forms.scss— so the DS component isn't self-contained; it leans on a global rule.Do
color/font-weight/font-sizeinto.control-labelsoFieldLabelstyles itself.label {}rule.Watch out
Every non-
FieldLabel<label>in the app (Checkbox, ad-hoc forms) currently relies on that global rule, so audit/migrate those before removing it. That app-wide blast radius is why it was left out of #7762.