Show tooltip on location is truncated

frontend/src/app/shared/components/geolocation/geolocation.component.html

@@ -1 +1,8 @@
-<span class="d-block text-truncate" [innerHTML]="formattedLocation"></span>
+<ng-template #formattedLocationHtml>
+  <span [innerHTML]="formattedLocation"></span>
+</ng-template>
+
+<span class="d-block text-truncate" [ngbTooltip]="formattedLocationHtml"
+  #formattedLocationEl [disableTooltip]="!isEllipsisActive(formattedLocationEl)">
+  <ng-template [ngTemplateOutlet]="formattedLocationHtml"></ng-template>
+</span>

frontend/src/app/shared/components/geolocation/geolocation.component.ts

@@ -80,4 +80,8 @@ export class GeolocationComponent implements OnChanges {
       return;
     }
   }
+
+  isEllipsisActive(e): boolean {
+    return (e.offsetWidth < e.scrollWidth);
+  }
 }