[40363] Avatars misplaces in team planner dropdown (#10007)

* set the correct class for user resource in auto completer and styles
pull/10041/head
Behrokh Satarnejad 3 years ago committed by GitHub
parent 7bc89fe6fe
commit e95e970563
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 17
      frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.html
  2. 9
      frontend/src/app/shared/components/autocompleter/op-autocompleter/op-autocompleter.component.sass

@ -162,13 +162,16 @@
</ng-container>
<ng-container *ngSwitchCase="resource ==='user' || resource ==='assignee'">
<op-principal
*ngIf="item && item.href"
[principal]="item"
[hideName]="true"
size="mini"
></op-principal>
<span [ngOptionHighlight]="search">{{ item.name }}</span>
<div class="op-autocompleter--option-principal-wrapper">
<op-principal
*ngIf="item && item.href"
[principal]="item"
[hideName]="true"
class="op-autocompleter--option-principal-avatar"
size="mini"
></op-principal>
<span [ngOptionHighlight]="search">{{ item.name }}</span>
</div>
</ng-container>
<ng-container *ngSwitchCase="resource ==='subproject' || resource ==='version' || resource ==='status' || resource ==='default'">

@ -47,4 +47,11 @@
display: inline-block
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
text-overflow: ellipsis
&--option-principal
&-wrapper
display: flex
&-avatar
margin-right: 5px
Loading…
Cancel
Save