inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-2754] People component tests fixed and style improvement (#3414)

Browse Source 
* tests fixed and style

* show people test fixed

* error message test fixed
This commit is contained in:
bbcodrin
2018-06-05 12:38:59 +03:00
committed by Maurizio Vitale
parent 4a0960e11e
commit 465a2d090d
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/form/components/widgets/people/people.widget.html
View File

@@ -11,10 +11,10 @@
[id]="field.id" [id]="field.id"
[formControl] ="searchTerm" [formControl] ="searchTerm"
[value]="getDisplayName(field.value)" [value]="getDisplayName(field.value)"
[disabled]="field.readOnly" [attr.disabled]="field.readOnly"
placeholder="{{field.placeholder}}" placeholder="{{field.placeholder}}"
[matAutocomplete]="auto"> [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete" (optionSelected)="onItemSelect($event.option.value)" [displayWith]="getDisplayName"> <mat-autocomplete class="adf-people-widget-list" #auto="matAutocomplete" (optionSelected)="onItemSelect($event.option.value)" [displayWith]="getDisplayName">
<mat-option *ngFor="let user of users$ | async; let i = index" [value]="user"> <mat-option *ngFor="let user of users$ | async; let i = index" [value]="user">
<div class="adf-people-widget-row" id="adf-people-widget-user-{{i}}"> <div class="adf-people-widget-row" id="adf-people-widget-user-{{i}}">
<div [outerHTML]="user | usernameInitials:'adf-people-widget-pic'"></div> <div [outerHTML]="user | usernameInitials:'adf-people-widget-pic'"></div>

5
lib/core/form/components/widgets/people/people.widget.scss
View File

@@ -9,6 +9,11 @@
width: 100%; width: 100%;
} }
&-people-widget-list {
margin: 5px 0;
padding: 10px 0;
}
&-people-widget-row { &-people-widget-row {
display: flex; display: flex;
align-items: center; align-items: center;