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

[menu] fix menu close trigger, fix menu scroll on mobile safari

Browse Source
This commit is contained in:
nymkappa 2023-08-22 14:59:23 +02:00
parent c5f0608b46
commit 379e1470fd
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/menu/menu.component.scss
View File

@ -8,6 +8,7 @@
transition: 0.25s; transition: 0.25s;
margin-left: -250px; margin-left: -250px;
box-shadow: 5px 0px 30px 0px #000; box-shadow: 5px 0px 30px 0px #000;
padding-bottom: 20px;
} }
.scrollable { .scrollable {
@ -37,6 +38,9 @@
padding-right: 20px; padding-right: 20px;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
@media (max-width: 991px) {
padding-bottom: 200px;
}
} }
@media screen and (max-height: 450px) { @media screen and (max-height: 450px) {

10
frontend/src/app/components/menu/menu.component.ts
View File

@ -73,11 +73,17 @@ export class MenuComponent implements OnInit {
@HostListener('window:click', ['$event']) @HostListener('window:click', ['$event'])
onClick(event) { onClick(event) {
const cssClasses = event.target.className; const cssClasses = event.target.className;
if (!cssClasses.indexOf) { // Click on chart or non html thingy, close the menu
this.navOpen = false;
return;
}
const isHamburger = cssClasses.indexOf('profile_image') !== -1; const isHamburger = cssClasses.indexOf('profile_image') !== -1;
const isMenu = cssClasses.indexOf('menu-click') !== -1; const isMenu = cssClasses.indexOf('menu-click') !== -1;
const isServicesPageOnMobile = this.isServicesPage && this.isSmallScreen();
if (!isHamburger && !this.isServicesPage && !isMenu) { if (!isHamburger && !isMenu && (!this.isServicesPage || isServicesPageOnMobile)) {
this.navOpen = false; this.navOpen = false;
return;
} }
} }
} }