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

Unable to resize radio button to smaller version #29954

Open
tp1906 opened this issue Oct 31, 2024 · 0 comments
Open

Unable to resize radio button to smaller version #29954

tp1906 opened this issue Oct 31, 2024 · 0 comments

Comments

@tp1906
Copy link

tp1906 commented Oct 31, 2024

Is it possible to resize the radio button including the ripple/outline? I was able to resize the circle; however, the outline/ripple is not centered.

.small-radio-button {
.mdc-radio {
padding: 2px;
--mdc-radio-state-layer-size: 32px;
height: 16px;
width: 16px;
}

.mat-mdc-radio-touch-target {
  height: 16px;
  width: 16px;
}

.mdc-radio__background {
  height: 16px;
  width: 16px;
}

.mdc-radio__inner-circle {
  border-width: 8px;
}

.mdc-radio__outer-circle {
    border-width: 1px;
}

}

@tp1906 tp1906 changed the title Unable to resize radio button size Unable to resize radio button to smaller version Oct 31, 2024
@alxhub alxhub transferred this issue from angular/angular Oct 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant