4206ae3e22
* Implemented the ability to link different series together through Edit Series. CSS pending. * Fixed up the css for related cards to show the relation * Working on making all tabs in edit seris modal save in one go. Taking a break. * Some fixes for Robbie to help with styling on * Linked series pill, center library * Centering library detail and related pill spacing - Library detail cards are now centered if total number of items is > 6 or if mobile. - Added ability to determine if mobile (viewport width <= 480px - Fixed related card spacing - Fixed related card pill spacing * Updating relation form spacing * Fixed a bug in card detail layout when there is no pagination, we create one in a way that all items render at once. * Only auto-close side nav on phones, not tablets * Fixed a bug where we had flipped state on sideNavCollapsed$ * Cleaned up some misleading comments * Implemented RBS back in and now if you have a relationship besides prequel/sequel, the target series will show a link back to it's parent. * Added Parentto pipe * Missed a relationship type Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
29 lines
No EOL
992 B
HTML
29 lines
No EOL
992 B
HTML
<ng-container *ngIf="link === undefined || link.length === 0; else useLink">
|
|
<div class="side-nav-item" [ngClass]="{'closed': (navService?.sideNavCollapsed$ | async), 'active': highlighted}">
|
|
<ng-container [ngTemplateOutlet]="inner"></ng-container>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-template #useLink>
|
|
<a class="side-nav-item" href="javascript:void(0);" [ngClass]="{'closed': (navService?.sideNavCollapsed$ | async), 'active': highlighted}" [routerLink]="link">
|
|
<ng-container [ngTemplateOutlet]="inner"></ng-container>
|
|
</a>
|
|
</ng-template>
|
|
|
|
|
|
<ng-template #inner>
|
|
<div class="active-highlight"></div>
|
|
<span class="phone-hidden" title="{{title}}">
|
|
<div>
|
|
<i class="fa {{icon}}" aria-hidden="true"></i>
|
|
</div>
|
|
</span>
|
|
<span class="side-nav-text">
|
|
<div>
|
|
{{title}}
|
|
</div>
|
|
</span>
|
|
<span class="card-actions">
|
|
<ng-content select="[actions]"></ng-content>
|
|
</span>
|
|
</ng-template> |