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

Merge pull request #5405 from TechMiX/fix/more-accel-rtl-issues

Browse Source 
fix: acceleration rtl layout issues
This commit is contained in:
softsimon 2024-08-03 18:24:22 +02:00 committed by GitHub
commit 233ec112c2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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"> <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> <span class="badge badge-pill badge-warning beta" i18n="beta">beta</span>
<fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="lg"></fa-icon> <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="lg"></fa-icon>
</a> </a>

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

@ -24,7 +24,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
float: right;
&:hover, &:active { &:hover, &:active {
text-decoration: none; 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 { .table th {
text-align: right; text-align: right;
} }