highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-12 05:49:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4404 from mempool/simon/truncate-text-link-fix

Browse Source 
Fixes truncated links
This commit is contained in:
wiz 2023-11-22 17:17:51 +09:00 committed by GitHub
commit 108d1762d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/shared/components/truncate/truncate.component.html
View File

@ -1,5 +1,4 @@
<span class="truncate" [style.max-width]="maxWidth ? maxWidth + 'px' : null" [style.justify-content]="textAlign" [class.inline]="inline">
<div class="hidden-content">{{ text }}</div>
<ng-container *ngIf="link">
<a [routerLink]="link" class="truncate-link">
<ng-container *ngIf="rtl; then rtlTruncated; else ltrTruncated;"></ng-container>
@ -12,10 +11,11 @@
</span>
<ng-template #ltrTruncated>
<span class="first">{{text.slice(0,-lastChars)}}</span><span class="last-four">{{text.slice(-lastChars)}}</span>
<div class="hidden-content">{{ text }}</div>
</ng-template>
<ng-template #rtlTruncated>
<span class="first">{{text.slice(lastChars)}}</span><span class="last-four">{{text.slice(0,lastChars)}}</span>
<div class="hidden-content">{{ text }}</div>
</ng-template>

2
frontend/src/app/shared/components/truncate/truncate.component.scss
View File

@ -39,6 +39,6 @@
@media (max-width: 567px) {
.hidden-content {
max-width: 150px;
max-width: 150px !important;
}
}