inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3956] [Start Task Cloud] - Fields are not properly aligned (#4225)

Browse Source 
* [ADF-3956] Split assignee and group into two rows

* [ADF-3956] Removed unnecessary padding that breaks alignment

* [ADF-3956] Removed unused class
This commit is contained in:
Deepak Paul 2019-01-30 16:27:30 +05:30 committed by Maurizio Vitale
parent 3401b508be
commit fa299b1cb8
3 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/process-services-cloud/src/lib/group/components/group-cloud.component.scss
View File

@ -8,7 +8,6 @@
.adf { .adf {
&-cloud-group { &-cloud-group {
.mat-form-field { .mat-form-field {
padding-top: 8px;
width: 100%; width: 100%;
} }

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

@ -8,7 +8,6 @@
&-people-cloud { &-people-cloud {
width: 100%; width: 100%;
padding-top: 8px;
} }
&-people-cloud-list { &-people-cloud-list {

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

@ -21,7 +21,7 @@
</mat-error> </mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="input-row" fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px"> <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
<mat-form-field fxFlex> <mat-form-field fxFlex>
<mat-label>{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.DESCRIPTION' | translate}}</mat-label> <mat-label>{{'ADF_CLOUD_TASK_LIST.START_TASK.FORM.LABEL.DESCRIPTION' | translate}}</mat-label>
<textarea <textarea
@ -38,7 +38,7 @@
</div> </div>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="input-row" fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px"> <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
<mat-form-field fxFlex> <mat-form-field fxFlex>
<input matInput <input matInput
[matDatepicker]="taskDatePicker" [matDatepicker]="taskDatePicker"
@ -60,14 +60,12 @@
</div> </div>
</div> </div>
</mat-form-field> </mat-form-field>
<adf-cloud-people fxFlex #peopleInput *ngIf="currentUser" [appName]="appName" [preSelectUsers]="[currentUser]" (selectUser)="onAssigneeSelect($event)" (removeUser)="onRemoveUser()"></adf-cloud-people>
</div>
<div fxFlex> <div fxLayout="row" fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
<adf-cloud-people #peopleInput *ngIf="currentUser" [appName]="appName" [preSelectUsers]="[currentUser]" (selectUser)="onAssigneeSelect($event)" (removeUser)="onRemoveUser()"></adf-cloud-people> <adf-cloud-group fxFlex #groupInput *ngIf="currentUser" [mode]="'multiple'" [appName]="appName" (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
</div> <div fxFlex></div>
<div fxFlex>
<adf-cloud-group #groupInput *ngIf="currentUser" [mode]="'multiple'" [appName]="appName" (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
</div>
</div> </div>
</mat-card-content> </mat-card-content>