mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-19 18:03:00 +01:00
Code Issues Projects Releases Wiki Activity

fix: accelerationn rtl layout issues

Browse Source
This commit is contained in:
TechMiX 2024-08-03 14:39:50 +02:00
parent 2bc243b115
commit 6f0a5c9b44
3 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/block-filters/block-filters.component.html
View File

@ -1,5 +1,5 @@
<div class="block-filters" [class.filters-active]="activeFilters.length > 0" [class.any-mode]="filterMode === 'or'" [class.menu-open]="menuOpen" [class.small]="cssWidth < 500" [class.vsmall]="cssWidth < 400" [class.tiny]="cssWidth < 200">
<a *ngIf="menuOpen" [routerLink]="['/docs/faq' | relativeUrl]" fragment="how-do-mempool-goggles-work" class="info-badges" i18n-ngbTooltip="Mempool Goggles&trade; tooltip" ngbTooltip="select filter categories to highlight matching transactions">
<a *ngIf="menuOpen" [routerLink]="['/docs/faq' | relativeUrl]" fragment="how-do-mempool-goggles-work" class="info-badges float-right" i18n-ngbTooltip="Mempool Goggles&trade; tooltip" ngbTooltip="select filter categories to highlight matching transactions">
<span class="badge badge-pill badge-warning beta" i18n="beta">beta</span>
<fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="lg"></fa-icon>
</a>

1
frontend/src/app/components/block-filters/block-filters.component.scss
View File

@ -24,7 +24,6 @@
display: flex;
flex-direction: row;
align-items: center;
float: right;
&:hover, &:active {
text-decoration: none;

22
frontend/src/styles.scss
View File

@ -974,6 +974,28 @@ th {
}
}
.tracker-bar {
@extend .tracker-bar;
direction: ltr;
}
.confirmations {
@extend .confirmations;
margin-left: 0 !important;
margin-right: 1em;
}
.acceleration-tooltip {
@extend .acceleration-tooltip;
direction: rtl;
text-align: right !important;
.value {
@extend .value;
text-align: start !important;
}
}
.table th {
text-align: right;
}