rather than wrapping as box like the label of the ui widget checkbox.
This is how they differ in wrapping the label
If you can't see the image go to https://ibb.co/9HwQWgh
This is how we would like to see it
If you can't see the image go to https://ibb.co/XzvVfM4
This is how we fixed our scss file.
Code: Select all
/**
* Fix radio button label and switch label
* wrapping below the ui widget.
* Makes appear the radio button label the same
* as the ui-checkbox-label
*/
body {
.md-radiogroup .radio, .md-switch {
white-space: nowrap;
}
.ui-radiobutton-label, .md-switch label {
display: inline-block;
white-space: normal;
vertical-align: top;
}
}