AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Side Nav UX Changes (#3345)

Browse source 
Co-authored-by: Christopher <39032787+MrRobotjs@users.noreply.github.com>
Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
This commit is contained in:
Joe Milazzo 2024-11-07 17:21:14 -06:00 • committed by GitHub
parent aa939edf6d
commit 3a0c796c08
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
45 changed files with 1193 additions and 664 deletions
Download patch file Download diff file Expand all files Collapse all files

12
UI/Web/src/app/nav/_components/nav-header/nav-header.component.html
View file

@ -9,12 +9,14 @@
}
<a class="navbar-brand dark-exempt" routerLink="/home" routerLinkActive="active">
<app-image width="28px" height="28px" imageUrl="assets/images/logo-32.png" classes="logo" />
<span class="d-none d-md-inline logo"> Kavita</span>
<app-image width="24px" height="24px" imageUrl="assets/images/logo-32.png" classes="logo-icon" />
<div class="d-none d-md-inline logo">
<span>Kavita</span>
</div>
</a>
<ul class="navbar-nav col me-auto">
@if (accountService.currentUser$ | async; as user) {
<div class="nav-item">
<div class="nav-item search">
<label for="nav-search" class="form-label visually-hidden">{{t('search-series-alt')}}</label>
<div class="ng-autocomplete">
<app-grouped-typeahead
@ -161,8 +163,6 @@
}
</ul>
@if (!searchFocused) {
@if((breakpoint$ | async)! > Breakpoint.Tablet) {
@if (backToTopNeeded) {
<div class="back-to-top">
@ -206,7 +206,7 @@
</div>
}
}
}
</div>
</nav>