92c60162ed
* Fixed an issue where there was extra padding on top/bottom of readers when side nav was hidden. * Fixed a bug where fit to screen wasn't forcing width scaling * Added back total pages to many pages * Fixed the padding on series detail cards * Tweaked carousels to match series detail padding * Fixed an issue where large amount of libraries could have 2 highlighted at once due to how highlight logic works on routes. * Cleaned up some extra space in card detail layout due to moving title into compainion bar * Moved some gloabls to global and moved color-scheme to body tag * Moved scrollbar onto the body itself which helps with page jank on loading and fixes scrollbar not working with theme
31 lines
No EOL
2.3 KiB
HTML
31 lines
No EOL
2.3 KiB
HTML
<ng-container>
|
|
<div class="side-nav" [ngClass]="{'closed' : !(navService?.sideNavCollapsed$ | async), 'hidden' :!(navService?.sideNavVisibility$ | async)}" *ngIf="accountService.currentUser$ | async as user">
|
|
<app-side-nav-item icon="fa-user-circle align-self-center phone-hidden" [title]="user.username | sentenceCase" link="/preferences/">
|
|
<ng-container actions>
|
|
<!-- Todo: This will be customize dashboard/side nav controls-->
|
|
<a href="/preferences/" title="User Settings"><span class="visually-hidden">User Settings</span></a>
|
|
</ng-container>
|
|
</app-side-nav-item>
|
|
|
|
<div class="mt-3">
|
|
<app-side-nav-item icon="fa-home" title="Home" link="/library/"></app-side-nav-item>
|
|
<app-side-nav-item icon="fa-list" title="Collections" link="/collections/"></app-side-nav-item>
|
|
<app-side-nav-item icon="fa-list-ol" title="Reading Lists" link="/lists/"></app-side-nav-item>
|
|
<app-side-nav-item icon="fa-regular fa-rectangle-list" title="All Series" link="/all-series/"></app-side-nav-item>
|
|
<div class="mb-2 mt-3 ms-2 me-2" *ngIf="libraries.length > 10">
|
|
<label for="filter" class="form-label visually-hidden">Filter</label>
|
|
<div class="input-group">
|
|
<input id="filter" autocomplete="off" class="form-control" [(ngModel)]="filterQuery" type="text" aria-describedby="reset-input">
|
|
<button class="btn btn-outline-secondary" type="button" id="reset-input" (click)="filterQuery = '';">Clear</button>
|
|
</div>
|
|
</div>
|
|
<app-side-nav-item *ngFor="let library of libraries | filter: filterLibrary" [link]="'/library/' + library.id + '/'"
|
|
[icon]="utilityService.getLibraryTypeIcon(library.type)" [title]="library.name" [comparisonMethod]="'startsWith'">
|
|
<ng-container actions>
|
|
<app-card-actionables [actions]="actions" [labelBy]="library.name" iconClass="fa-ellipsis-v" (actionHandler)="performAction($event, library)"></app-card-actionables>
|
|
</ng-container>
|
|
</app-side-nav-item>
|
|
</div>
|
|
</div>
|
|
<div class="side-nav-overlay" [ngClass]="{'closed' : !(navService?.sideNavCollapsed$ | async)}"></div>
|
|
</ng-container> |