Skip to content

Unable to resize radio button to smaller version #29954

@tp1906

Description

@tp1906

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;
}

}

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs triageThis issue needs to be triaged by the team

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions