inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-06-30 18:15:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3827] [Start task] - layout issue - the validation for date field not properly aligned (#4177)

Browse Source
This commit is contained in:
siva kumar 2019-01-17 20:28:19 +05:30 committed by Maurizio Vitale
parent 10e58322ae
commit a8493f1ca1
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.html
View File

@ -53,7 +53,7 @@
[touchUi]="true" [touchUi]="true"
(dateChanged)="onDateChanged($event)"> (dateChanged)="onDateChanged($event)">
</mat-datepicker> </mat-datepicker>
<div class="adf-error-text-container"> <div class="adf-cloud-date-error-container">
<div *ngIf="dateError"> <div *ngIf="dateError">
<div class="adf-error-text">{{'ADF_CLOUD_START_TASK.ERROR.DATE' | translate}}</div> <div class="adf-error-text">{{'ADF_CLOUD_START_TASK.ERROR.DATE' | translate}}</div>
<mat-icon class="adf-error-icon">warning</mat-icon> <mat-icon class="adf-error-icon">warning</mat-icon>

28
lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.scss
View File

@ -8,12 +8,40 @@
.adf-cloud-start-task-heading { .adf-cloud-start-task-heading {
border-bottom: $header-border; border-bottom: $header-border;
margin-bottom: 10px; margin-bottom: 10px;
.mat-card-title { .mat-card-title {
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
} }
} }
.adf-cloud-date-error-container {
position: absolute;
height: 20px;
margin-top: 12px;
width: 100%;
& > div {
display: flex;
flex-flow: row;
justify-content: flex-start;
}
.adf-error-text {
padding-right: 8px;
height: 16px;
font-size: 12px;
line-height: 1.33;
color: mat-color($warn);
width: auto;
}
.adf-error-icon {
font-size: 17px;
color: mat-color($warn);
}
}
.adf-cloud-start-task-footer { .adf-cloud-start-task-footer {
padding: 4px; padding: 4px;
font-size: 18px; font-size: 18px;