machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show tooltip on location is truncated

Browse Source
This commit is contained in:
nymkappa 2022-09-04 12:02:40 +02:00
parent 9047cb5998
commit 206edb7613
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/app/shared/components/geolocation/geolocation.component.html
View File

@ -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>

4
frontend/src/app/shared/components/geolocation/geolocation.component.ts
View File

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