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

Set absolute menu in sticky header by @mononaut

Browse Source
This commit is contained in:
natsoni 2024-03-21 13:46:03 +09:00
parent 40663c79c0
commit 393181f753
No known key found for this signature in database
GPG Key ID: C65917583181743B
2 changed files with 2 additions and 2 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

@ -81,10 +81,10 @@
<app-search-form [hamburgerOpen]="user != null" class="search-form-container" location="top" (searchTriggered)="collapse()"></app-search-form> <app-search-form [hamburgerOpen]="user != null" class="search-form-container" location="top" (searchTriggered)="collapse()"></app-search-form>
</div> </div>
</nav> </nav>
<app-menu *ngIf="servicesEnabled" [navOpen]="menuOpen" (loggedOut)="onLoggedOut()" (menuToggled)="menuToggled($event)"></app-menu>
</header> </header>
<div class="d-flex" style="overflow: clip"> <div class="d-flex" style="overflow: clip">
<app-menu *ngIf="servicesEnabled" [navOpen]="menuOpen" (loggedOut)="onLoggedOut()" (menuToggled)="menuToggled($event)"></app-menu>
<div *ngIf="!servicesEnabled" class="empty-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"> <div class="flex-grow-1 d-flex flex-column">

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

@ -3,7 +3,7 @@
background-color: transparent; background-color: transparent;
width: 225px; width: 225px;
height: calc(100vh - 65px); height: calc(100vh - 65px);
position: fixed; position: absolute;
top: 65px; top: 65px;
left: -250px; left: -250px;
transition: left 0.25s; transition: left 0.25s;