feat(checkbox, radio): Provide a way to vertically align checkboxes and radios in stacked layouts
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Feature Description
MDC increased checkbox and radio touch areas. It means that in a stacked layout, the checkboxes/radios are visually indented to the right.
It can be seen in the checkbox docs: https://material.angular.io/components/checkbox/examples (the "Checkboxes with reactive forms" example).
It makes forms visually unbalanced - because other elements (labels, text inputs) don't have such indentation.
While a workaround with custom CSS is possible, it would relies on internal details of the Material components (sizes).
It would be great to have the official / documented way to do that. Maybe expose a variable as public API, add an Input to the components, or something else.
### Use Case
_No response_
Beitragsleitfaden
Rechercherichtung
Beginne mit dem Beispiel „Checkboxes with reactive forms“ in der Checkbox-Dokumentation und den Einstiegspunkten der Checkbox- und Radio-Komponenten. Vergleiche das gestapelte Layout mit benachbarten Labels und Eingabefeldern und definiere anschließend das öffentliche Ausrichtungsverhalten sowie, wie es dokumentiert werden soll. Erledigt ist die Aufgabe, wenn beide Komponenten eine offizielle, stabile Möglichkeit zur Ausrichtung bieten, ohne auf internen Größen zu beruhen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- design, frontend
- Issue-Typ
- Feature
- Schwierigkeit
- 5/5
- Geschätzter Aufwand
- Über eine Woche
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100