Fix cmu-sei/Gameboard#550

cmu-sei · Feb 14, 2025 · 026162e · 026162e
1 parent 6fa078c
commit 026162e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts b/projects/gameboard-ui/src/app/core/components/avatar/avatar.component.ts
@@ -9,9 +9,11 @@ export type AvatarSize = 'tiny' | 'small' | 'medium' | 'large';
   styleUrls: ['./avatar.component.scss'],
   template: `
     <ng-template #tolTemplate>
-      <ng-content [select]="avatarTooltip"></ng-content>
+      <div #tooltipProjection>
+        <ng-content [select]="avatarTooltip"></ng-content>
+      </div>
     </ng-template>
-    <div [class]="'avatar-container avatar-size ' + this.sizeClass" [style.background-image]="escapedImgUrl" [tooltip]="tolTemplate" [placement]="tooltipPlacement"></div>
+    <div [class]="'avatar-container avatar-size ' + this.sizeClass" [style.background-image]="escapedImgUrl" [tooltip]="tooltipProjection?.nativeElement?.children?.length ? tolTemplate : undefined" [placement]="tooltipPlacement"></div>
   `,
 })
 export class AvatarComponent implements OnChanges {
@@ -20,6 +22,7 @@ export class AvatarComponent implements OnChanges {
   @Input() tooltipPlacement = PlacementForBs5.top;
 
   @ViewChild("searchBox") searchBox?: ElementRef<Input>;
+  @ViewChild("tooltipProjection") tooltipProjection?: ElementRef<HTMLDivElement>;
 
   protected escapedImgUrl = "";
   protected sizeClass = "avatar-size-medium";