AAE-24675 Break words in checkbox and radio button labels to avoid overflow

This commit is contained in:
Wojciech Duda
2024-08-02 13:18:17 +02:00
parent 098f192fd7
commit d4df677532
3 changed files with 10 additions and 3 deletions

View File

@@ -2,6 +2,7 @@
[class.adf-invalid]="!field.isValid && isTouched()">
<mat-checkbox [id]="field.id"
color="primary"
class="adf-checkbox"
[required]="isRequired()"
[disabled]="field.readOnly || readOnly"
[(ngModel)]="field.value"

View File

@@ -30,6 +30,13 @@ import { WidgetComponent } from '../widget.component';
selector: 'checkbox-widget',
standalone: true,
templateUrl: './checkbox.widget.html',
styles: [
`
.adf-checkbox {
word-break: break-word;
}
`
],
host: {
'(click)': 'event($event)',
'(blur)': 'event($event)',