Skip to content
Snippets Groups Projects
Commit 8f719064 authored by jojohoch's avatar jojohoch
Browse files

[player] Use classes to set styles for error messages

parent 1180c5bf
No related branches found
No related tags found
No related merge requests found
...@@ -21,15 +21,15 @@ import { CheckboxElement } from '../models/checkbox-element'; ...@@ -21,15 +21,15 @@ import { CheckboxElement } from '../models/checkbox-element';
<div [innerHTML]="elementModel.label"></div> <div [innerHTML]="elementModel.label"></div>
</mat-checkbox> </mat-checkbox>
<mat-error *ngIf="elementFormControl.errors && elementFormControl.touched" <mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"
[style.margin-top.px]="5" class="error-message">
[style.position]="'absolute'"
[style.display]="'block'"
[style.font-size.%]="75">
{{elementFormControl.errors | errorTransform: elementModel}} {{elementFormControl.errors | errorTransform: elementModel}}
</mat-error> </mat-error>
</div> </div>
`, `,
styles: ['::ng-deep .mat-checkbox-layout {white-space: normal !important}'] styles: [
'::ng-deep .mat-checkbox-layout {white-space: normal !important}',
'.error-message { position: absolute; display: block; margin-top: 5px; font-size: 75% }'
]
}) })
export class CheckboxComponent extends FormElementComponent { export class CheckboxComponent extends FormElementComponent {
elementModel!: CheckboxElement; elementModel!: CheckboxElement;
......
...@@ -26,9 +26,7 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element'; ...@@ -26,9 +26,7 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
{{option}} {{option}}
</mat-radio-button> </mat-radio-button>
<mat-error *ngIf="elementFormControl.errors && elementFormControl.touched" <mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"
[style.font-size.%]="75" class="error-message">
[style.margin-top.px]="25"
[style.position]="'absolute'">
{{elementFormControl.errors | errorTransform: elementModel}} {{elementFormControl.errors | errorTransform: elementModel}}
</mat-error> </mat-error>
</mat-radio-group> </mat-radio-group>
...@@ -36,7 +34,8 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element'; ...@@ -36,7 +34,8 @@ import { RadioButtonGroupElement } from '../models/radio-button-group-element';
`, `,
styles: [ styles: [
'::ng-deep .mat-radio-label {white-space: normal !important}', '::ng-deep .mat-radio-label {white-space: normal !important}',
'.white-space-break {white-space: normal}' '.white-space-break {white-space: normal}',
'.error-message { position: absolute; margin-top: 25px; font-size: 75% }'
] ]
}) })
export class RadioButtonGroupComponent extends FormElementComponent { export class RadioButtonGroupComponent extends FormElementComponent {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment