diff --git a/frontend/src/app/shared/components/chunked-address/chunked-address.component.html b/frontend/src/app/shared/components/chunked-address/chunked-address.component.html
index 8040572c2..6f7fdf700 100644
--- a/frontend/src/app/shared/components/chunked-address/chunked-address.component.html
+++ b/frontend/src/app/shared/components/chunked-address/chunked-address.component.html
@@ -1,12 +1,12 @@
-
+
-
+
{{ chunk.text }}
-
-
-
-
-
- {{ address.slice(0, -lastChars) }}
-
-
-
-
- = chunkSize" class="hidden">
-
-
- {{ address.slice(-lastChars) }}
-
-
- {{ address }}
-
-
-
-
-
-
+
+
+
+
+
- {{ address.slice(-lastChars) }}
-
-
-
+ {{ address.slice(0, -lastChars) }}
+
+
+
= chunkSize" class="hidden">
-
+
- {{ address.slice(0, -lastChars) }}
-
-
{{ address }}
+
{{ address.slice(-lastChars) }}
+
+
{{ address }}
+
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/chunked-address/chunked-address.component.scss b/frontend/src/app/shared/components/chunked-address/chunked-address.component.scss
index 67b5bc9e5..5ee17cea8 100644
--- a/frontend/src/app/shared/components/chunked-address/chunked-address.component.scss
+++ b/frontend/src/app/shared/components/chunked-address/chunked-address.component.scss
@@ -6,17 +6,18 @@
position: relative;
font-family: monospace;
- .address-link {
+ .address-link, .address-content {
+ direction: ltr;
display: flex;
flex-direction: row;
align-items: baseline;
flex-shrink: 1;
overflow: hidden;
min-width: 0;
+ }
- &:hover {
- filter: brightness(0.85);
- }
+ .address-link:hover {
+ filter: brightness(0.85);
}
.first {
@@ -34,6 +35,7 @@
}
.first, .last {
+ direction: ltr;
> span {
padding-inline-end: 2px;
&:nth-child(even) {
diff --git a/frontend/src/app/shared/components/chunked-address/chunked-address.component.ts b/frontend/src/app/shared/components/chunked-address/chunked-address.component.ts
index 26b7758f6..ee3e4eb61 100644
--- a/frontend/src/app/shared/components/chunked-address/chunked-address.component.ts
+++ b/frontend/src/app/shared/components/chunked-address/chunked-address.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, ChangeDetectionStrategy, OnChanges, LOCALE_ID, Inject } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy, OnChanges } from '@angular/core';
import { AddressMatch } from '@app/shared/address-utils';
interface AddressChunk {
@@ -27,7 +27,6 @@ export class ChunkedAddressComponent implements OnChanges {
@Input() disabled: boolean = false;
@Input() showClipboard: boolean = false;
@Input() chunkSize = 4;
- rtl: boolean;
headChunks: AddressChunk[] = [];
tailChunks: AddressChunk[] = [];
@@ -41,14 +40,6 @@ export class ChunkedAddressComponent implements OnChanges {
matchColor: string = 'var(--primary)';
- constructor(
- @Inject(LOCALE_ID) private locale: string
- ) {
- if (this.locale.startsWith('ar') || this.locale.startsWith('fa') || this.locale.startsWith('he')) {
- this.rtl = true;
- }
- }
-
ngOnChanges(): void {
if (this.similarity) {
this.matchColor = this.groupColors[this.similarity.group % (this.groupColors.length)];