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

proper truncation in RTL locales

Browse Source
This commit is contained in:
Mononaut
2023-01-05 11:16:14 -06:00
parent 42a39c1f7c
commit 6448ad0ac7
3 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,12 @@
<span class="truncate" [class.rtl]="rtl" [style.max-width]="maxWidth ? maxWidth + 'px' : null">
<span class="first">{{text.slice(0,-lastChars)}}</span>
<span class="last-four">{{text.slice(-lastChars)}}</span>
<ng-content></ng-content>
<span class="truncate" [style.max-width]="maxWidth ? maxWidth + 'px' : null">
<ng-container *ngIf="!rtl">
<span class="first">{{text.slice(0,-lastChars)}}</span>
<span class="last-four">{{text.slice(-lastChars)}}</span>
<ng-content></ng-content>
</ng-container>
<ng-container *ngIf="rtl">
<span class="first">{{text.slice(lastChars)}}</span>
<span class="last-four">{{text.slice(0,lastChars)}}</span>
<ng-content></ng-content>
</ng-container>
</span>