Improves temmates tooltip

Tiledesk · Oct 6, 2023 · 6af10f1 · 6af10f1
1 parent 28ca446
commit 6af10f1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/src/app/ws_requests/ws-requests-list/ws-requests-list.component.html b/src/app/ws_requests/ws-requests-list/ws-requests-list.component.html
@@ -74,8 +74,11 @@
     (click)='goToNoRealtimeConversations()'>
     <a attr.aria-label="{{ 'GoToNotRealTimeRequests' | translate }}" href="javascript:;" role="button" class="tool_tip"
       style="cursor: pointer; display: unset;" [ngClass]="{ 'has-reached-100' : served_unserved_sum >= 100 }"
-      matTooltipClass="mat-white-tooltip" matTooltip="{{'ClickHereForMoreAdvancedSearches' | translate}}"
-      #tooltip="matTooltip" matTooltipPosition='below' matTooltipHideDelay="100">
+      matTooltipClass="mat-white-tooltip" 
+      matTooltip="{{'ClickHereForMoreAdvancedSearches' | translate}}"
+      #tooltip="matTooltip" 
+      matTooltipPosition='below'
+      matTooltipHideDelay="100">
       <span aria-hidden="true" class="material-icons" style="margin-top: 3px; color:#3ea9f5; font-size: 27px;
       position: relative;
       top: -3px;">
@@ -416,7 +419,12 @@
                     <ng-container class="all-teammates" >
                       <div class="served-by-conv-b" *ngFor="let agent of projectUserArray">
 
-                        <div class="served-by-conv-c tool_tip">
+                        <div class="served-by-conv-c"
+                          matTooltipClass="conv-custom-mat-tooltip" 
+                          matTooltip="{{ agent?.id_user?.firstname }}  {{ agent?.id_user?.lastname }}"
+                          #tooltip="matTooltip" 
+                          matTooltipPosition='above'
+                          matTooltipHideDelay="100">
                           <div class="served-by-conv-d">
 
 
@@ -464,7 +472,7 @@
                             </div>
                           </div>
 
-                          <span style="min-width: fit-content;
+                          <!-- <span style="min-width: fit-content;
                           white-space: nowrap;
                           top: 34px;
                           padding: 1px 4px;
@@ -478,7 +486,7 @@
 
                             </span>
                            
-                          </span>
+                          </span> -->
 
                         </div>
                       </div>

diff --git a/src/app/ws_requests/ws-requests-list/ws-requests-list.component.scss b/src/app/ws_requests/ws-requests-list/ws-requests-list.component.scss
@@ -1553,4 +1553,13 @@ $f21blue: #039be5;
   font-weight: 400 !important ;
 }
 
+::ng-deep .conv-custom-mat-tooltip {
+  background-color: #2d323e !important;
+  font-size: 12px !important;
+  border-radius: 2px !important;
+  font-family: "Poppins", "Roboto", "Arial", sans-serif !important;
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+