highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-08 20:08:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4483 from TechMiX/hotfix/rtlIssues

Browse Source 
fix: RTL issues related to sidenav and global footer
This commit is contained in:
softsimon 2023-12-08 21:21:57 +07:00 committed by GitHub
commit f03acce324
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/master-page/master-page.component.html
View File

@ -78,7 +78,7 @@
<div class="d-flex" style="overflow: clip">
<app-menu *ngIf="servicesEnabled" [navOpen]="menuOpen" (loggedOut)="onLoggedOut()" (menuToggled)="menuToggled($event)"></app-menu>
<div *ngIf="!servicesEnabled" class="sidenav"><!-- empty sidenav needed to push footer down the screen --></div>
<div *ngIf="!servicesEnabled" class="empty-sidenav"><!-- empty sidenav needed to push footer down the screen --></div>
<div class="flex-grow-1 d-flex flex-column">
<app-testnet-alert *ngIf="network.val === 'testnet' || network.val === 'signet'"></app-testnet-alert>

2
frontend/src/app/components/master-page/master-page.component.scss
View File

@ -241,7 +241,7 @@ main {
}
// empty sidenav
.sidenav {
.empty-sidenav {
z-index: 1;
background-color: transparent;
width: 0px;

2
frontend/src/app/shared/components/global-footer/global-footer.component.html
View File

@ -11,7 +11,7 @@
<ng-container i18n="@@7deec1c1520f06170e1f8e8ddfbe4532312f638f">Explore the full Bitcoin ecosystem</ng-container>
<ng-template [ngIf]="locale.substr(0, 2) === 'en'"> &trade;</ng-template>
</p>
<div class="site-options d-flex justify-content-center align-items-center" [class]="{'services': isServicesPage}">
<div class="site-options float-right d-flex justify-content-center align-items-center" [class]="{'services': isServicesPage}">
<div class="selector">
<app-language-selector></app-language-selector>
</div>

1
frontend/src/app/shared/components/global-footer/global-footer.component.scss
View File

@ -63,7 +63,6 @@ footer .row.main .links .category:not(:first-child) {
}
footer .site-options {
float: right;
margin-top: -20px;
}

21
frontend/src/styles.scss
View File

@ -996,6 +996,27 @@ th {
.btn-audit {
margin-left: .5em;
}
.sidenav {
@extend .sidenav;
margin-left: 0px !important;
margin-right: -250px;
}
.sidenav.open {
margin-right: 0px;
}
.profile_image_container {
@extend .profile_image_container;
margin-right: 0px !important;
margin-left: 15px;
}
#blockchain-container.with-menu {
width: calc(100% + 120px);
left: 120px;
}
}
.scriptmessage {