Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(material/radio): provide mat-radio-container-no-side-margin class as it's done for mat-checkbox #24347

Open
rb-mwindh opened this issue Feb 3, 2022 · 3 comments
Labels
area: material/radio feature This issue represents a new feature or feature request rather than a bug or bug fix P4 A relatively minor issue that is not relevant to core functions

Comments

@rb-mwindh
Copy link

Feature Description

When setting up radio buttons without label, the label container still adds a padding, making the radio-button wider than neccessary.

A css class mat-radio-container-no-side-margin could easily be added in the same way as done for mat-checkbox, allowing use to get rid of the padding when there is no label.

Use Case

I'm implementing a SCSS theming framework for corporate design rules for Angular Material components.
Thus I need to provide styles for both cases, radiobutton with and without labels.

One of the use cases of radiobuttons without labels is having them in table cells. They would be "labelled" by the column header.

Reproduction: https://stackblitz.com/edit/angular-ivy-erstgu?file=src/app/app.component.css

@rb-mwindh rb-mwindh added feature This issue represents a new feature or feature request rather than a bug or bug fix needs triage This issue needs to be triaged by the team labels Feb 3, 2022
@crisbeto crisbeto added area: material/radio P4 A relatively minor issue that is not relevant to core functions and removed needs triage This issue needs to be triaged by the team labels Feb 8, 2022
@ramprakashram
Copy link
Contributor

@crisbeto Can i take up this issue ???

@angular-robot
Copy link
Contributor

angular-robot bot commented Mar 14, 2022

This feature request is now candidate for our backlog! In the next phase, the community has 60 days to upvote. If the request receives more than 20 upvotes, we'll move it to our consideration list.

You can find more details about the feature request process in our documentation.

@angular-robot
Copy link
Contributor

angular-robot bot commented Apr 23, 2022

Just a heads up that we kicked off a community voting process for your feature request. There are 20 days until the voting process ends.

Find more details about Angular's feature request process in our documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/radio feature This issue represents a new feature or feature request rather than a bug or bug fix P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

No branches or pull requests

4 participants