diff --git a/projects/common/element-components/checkbox.component.ts b/projects/common/element-components/checkbox.component.ts index aac74faab0ddc0dac904db64f4b7ad4282e9bac9..3f131d5a90d80f9e1316f9a388199b24998ebd84 100644 --- a/projects/common/element-components/checkbox.component.ts +++ b/projects/common/element-components/checkbox.component.ts @@ -29,7 +29,8 @@ import { FormElementComponent } from '../form-element-component.directive'; {{elementFormControl.errors | errorTransform: elementModel}} </mat-error> </div> - ` + `, + styles: ['::ng-deep .mat-checkbox-layout {white-space: normal !important}'] }) export class CheckboxComponent extends FormElementComponent { @Output() onFocusin = new EventEmitter(); diff --git a/projects/common/element-components/radio-button-group.component.ts b/projects/common/element-components/radio-button-group.component.ts index 950566e2f6ce15e01fd3ef1f691fd8b9ce39bbb5..cac2dd77fbeab8acd13d9baae2b846be4383fd6b 100644 --- a/projects/common/element-components/radio-button-group.component.ts +++ b/projects/common/element-components/radio-button-group.component.ts @@ -15,7 +15,9 @@ import { FormElementComponent } from '../form-element-component.directive'; [style.font-weight]="elementModel.bold ? 'bold' : ''" [style.font-style]="elementModel.italic ? 'italic' : ''" [style.text-decoration]="elementModel.underline ? 'underline' : ''"> - <label [innerHTML]="elementModel.label" id="radio-group-label"></label> + <label [innerHTML]="elementModel.label" + class="white-space-break" + id="radio-group-label"></label> <mat-radio-group aria-labelledby="radio-group-label" (focusin)="onFocusin.emit()" [style.margin-bottom.px]="25" @@ -33,7 +35,11 @@ import { FormElementComponent } from '../form-element-component.directive'; </mat-error> </mat-radio-group> </div> - ` + `, + styles: [ + '::ng-deep .mat-radio-label {white-space: normal !important}', + '.white-space-break {white-space: normal}' + ] }) export class RadioButtonGroupComponent extends FormElementComponent { @Output() onFocusin = new EventEmitter();