mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 22:58:30 +01:00
Code Issues 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
No known key found for this signature in database
GPG key ID: A3F058E41374C04E
3 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/transactions-list/transactions-list.component.scss
View file

@ -151,5 +151,5 @@ h2 {
.tx-link { .tx-link {
width: 0; width: 0;
flex-grow: 1; flex-grow: 1;
margin-right: 2em; margin-inline-end: 2em;
} }

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

4
frontend/src/app/shared/components/truncate/truncate.component.scss
View file

@ -4,10 +4,6 @@
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
&.rtl {
flex-direction: row-reverse;
}
.first { .first {
flex-grow: 0; flex-grow: 0;
flex-shrink: 1; flex-shrink: 1;