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

fix various rtl issues

Browse source
This commit is contained in:
TechMiX 2024-07-29 02:11:12 +02:00
parent d02a2ccf65
commit fb63af5070
3 changed files with 42 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/components/transaction/transaction.component.html
View file

@ -550,19 +550,19 @@
<td>
<ng-container *ngIf="(ETA$ | async) as eta; else etaSkeleton">
@if (eta.blocks >= 7) {
<span [class]="(!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) ? 'etaDeepMempool d-flex justify-content-end align-items-center' : ''">
<span [class]="(!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) ? 'etaDeepMempool justify-content-end align-items-center' : ''">
<span i18n="transaction.eta.not-any-time-soon|Transaction ETA mot any time soon">Not any time soon</span>
@if (!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) {
<a class="btn btn-sm accelerateDeepMempool btn-small-height" i18n="transaction.accelerate|Accelerate button label" (click)="onAccelerateClicked()">Accelerate</a>
<a class="btn btn-sm accelerateDeepMempool btn-small-height float-right" i18n="transaction.accelerate|Accelerate button label" (click)="onAccelerateClicked()">Accelerate</a>
}
</span>
} @else if (network === 'liquid' || network === 'liquidtestnet') {
<app-time kind="until" [time]="eta.time" [fastRender]="false" [fixedRender]="true"></app-time>
} @else {
<span [class]="(!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) ? 'etaDeepMempool d-flex justify-content-end align-items-center' : ''">
<span [class]="(!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) ? 'etaDeepMempool justify-content-end align-items-center' : ''">
<app-time kind="until" [time]="eta.time" [fastRender]="false" [fixedRender]="true"></app-time>
@if (!tx?.acceleration && acceleratorAvailable && accelerateCtaType === 'button' && !showAccelerationSummary && eligibleForAcceleration) {
<a class="btn btn-sm accelerateDeepMempool btn-small-height" i18n="transaction.accelerate|Accelerate button label" (click)="onAccelerateClicked()">Accelerate</a>
<a class="btn btn-sm accelerateDeepMempool btn-small-height float-right" i18n="transaction.accelerate|Accelerate button label" (click)="onAccelerateClicked()">Accelerate</a>
}
</span>
<span class="eta justify-content-end">

1
frontend/src/app/components/transaction/transaction.component.scss
View file

@ -297,7 +297,6 @@
}
.etaDeepMempool {
display: flex !important;
justify-content: flex-end;
flex-wrap: wrap;
align-content: center;

38
frontend/src/styles.scss
View file

@ -916,6 +916,44 @@ th {
}
}
.beta {
@extend .beta;
margin: 24px -19px 0px 0px !important;
@media (max-width: 767.98px) {
margin: 30px -23px 0px 0px !important;
}
@media (max-width: 3429px) {
margin: 25px -23px 0px 0px !important;
}
@media (max-width: 369px) {
margin: 20px -23px 0px 0px !important;
}
}
.etaDeepMempool {
@extend .etaDeepMempool;
@media (max-width: 995px) {
justify-content: right !important;
}
@media (max-width: 849px) {
justify-content: left !important;
}
}
.nodes {
@extend .nodes;
direction: ltr !important;
}
.fee-rate {
@extend .fee-rate;
direction: rtl !important;
}
.bitcoin-satoshis-text {
direction: ltr !important;
}
.table th {
text-align: right;
}