From e1553c36514307462eed3e7d6f04fa9b65492416 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Fri, 7 Apr 2023 18:34:03 +0300
Subject: [PATCH] UI: Fix for no users matching assignment user

---
 .../alarm/alarm-assignee-panel.component.html        | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-panel.component.html b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-panel.component.html
index f01c550444..fb84ca4481 100644
--- a/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-panel.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm/alarm-assignee-panel.component.html
@@ -22,7 +22,7 @@
          (focusin)="onFocus()"
          [matAutocomplete]="userAutocomplete">
   <mat-icon matSuffix>search</mat-icon>
-  <mat-autocomplete class="tb-assignee-autocomplete"
+  <mat-autocomplete class="tb-assignee-autocomplete tb-autocomplete"
                     #userAutocomplete="matAutocomplete"
                     [displayWith]="displayUserFn"
                     (optionSelected)="selected($event)">
@@ -41,10 +41,12 @@
         <span [innerHTML]="user.email | highlight:searchText"></span>
       </div>
     </mat-option>
-    <mat-option *ngIf="!(filteredUsers | async)?.length" [value]="null">
-      <span style="white-space: normal">
-          {{ translate.get('user.no-users-matching', {entity: searchText}) | async }}
-      </span>
+    <mat-option *ngIf="!(filteredUsers | async)?.length" [value]="null" class="tb-not-found">
+      <div class="tb-not-found-content" (click)="$event.stopPropagation()">
+        <span style="white-space: normal">
+            {{ translate.get('user.no-users-matching', {entity: searchText}) | async }}
+        </span>
+      </div>
     </mat-option>
   </mat-autocomplete>
 </mat-form-field>