xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

improve admin menu UI #587 #725

Browse Source
This commit is contained in:
Patrik J. Braun 2023-09-19 23:53:09 +02:00
parent 06eb38fc13
commit eabb39d7b0
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/frontend/app/ui/admin/admin.component.css
View File

@ -9,6 +9,11 @@
*:focus { *:focus {
outline: none; outline: none;
} }
.admin-menu{
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
}
nav.sticky-top { nav.sticky-top {
transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;

6
src/frontend/app/ui/admin/admin.component.html
View File

@ -77,8 +77,8 @@
</div> </div>
<div class="row mt-2"> <div class="row mt-2">
<div class="col-md-2 "> <div class="col-md-auto ">
<nav class="nav flex-column sticky-top z-0 pb-2" <nav class="nav admin-menu flex-column sticky-top z-0 pb-2"
[style]="frame.shouldHideNavbar ? '' : 'top:'+(frame.navContainer.nativeElement.offsetHeight)+'px; max-height:calc(100vh - '+(frame.navContainer.nativeElement.offsetHeight)+'px)'"> [style]="frame.shouldHideNavbar ? '' : 'top:'+(frame.navContainer.nativeElement.offsetHeight)+'px; max-height:calc(100vh - '+(frame.navContainer.nativeElement.offsetHeight)+'px)'">
<div class="card"> <div class="card">
<div class="card-body text-md-start text-center align-content-md-start align-content-center"> <div class="card-body text-md-start text-center align-content-md-start align-content-center">
@ -104,7 +104,7 @@
</nav> </nav>
</div> </div>
<div class="col-md-10"> <div class="col-md">
<app-settings-template <app-settings-template
*ngFor="let cp of configPaths" *ngFor="let cp of configPaths"
#setting #setting