mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-17 23:13:04 +00:00

- Also fixed box-shadows not working the same way for all footer buttons/links
(cherry picked from commit 4545b5354d
)
41 lines
2.2 KiB
HTML
41 lines
2.2 KiB
HTML
<ul class="navbar-nav" [ngClass]="{'mr-auto': (isXsOrSm$ | async)}">
|
|
<li *ngIf="!(isAuthenticated | async) && !(isXsOrSm$ | async) && (showAuth | async)" class="nav-item"
|
|
(click)="$event.stopPropagation();">
|
|
<div ngbDropdown #loginDrop display="dynamic" placement="bottom-right" class="d-inline-block" @fadeInOut>
|
|
<button class="btn btn-link dropdownLogin px-0.5" [attr.aria-label]="'nav.login' |translate"
|
|
(click)="$event.preventDefault()" [attr.data-test]="'login-menu' | dsBrowserOnly"
|
|
ngbDropdownToggle>
|
|
{{ 'nav.login' | translate }}
|
|
</button>
|
|
<div class="loginDropdownMenu" [ngClass]="{'pl-3 pr-3': (loading | async)}" ngbDropdownMenu
|
|
[attr.aria-label]="'nav.login' | translate">
|
|
<ds-themed-log-in
|
|
[isStandalonePage]="false"></ds-themed-log-in>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="!(isAuthenticated | async) && (isXsOrSm$ | async)" class="nav-item">
|
|
<a routerLink="/login" routerLinkActive="active" class="loginLink px-0.5">
|
|
{{ 'nav.login' | translate }}<span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
<li *ngIf="(isAuthenticated | async) && !(isXsOrSm$ | async) && (showAuth | async)" class="nav-item">
|
|
<div ngbDropdown display="dynamic" placement="bottom-right" class="d-inline-block" @fadeInOut>
|
|
<button role="button" [attr.aria-label]="'nav.user-profile-menu-and-logout' |translate" (click)="$event.preventDefault()" [title]="'nav.user-profile-menu-and-logout' | translate" class="btn btn-link dropdownLogout px-1" [attr.data-test]="'user-menu' | dsBrowserOnly" ngbDropdownToggle>
|
|
<i class="fas fa-user-circle fa-lg fa-fw"></i>
|
|
</button>
|
|
<div class="logoutDropdownMenu" ngbDropdownMenu [attr.aria-label]="'nav.user-profile-menu-and-logout' |translate">
|
|
<ds-themed-user-menu></ds-themed-user-menu>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="(isAuthenticated | async) && (isXsOrSm$ | async)" class="nav-item">
|
|
<a role="button" [attr.aria-label]="'nav.logout' |translate" [title]="'nav.logout' | translate" routerLink="/logout" routerLinkActive="active" class="logoutLink px-1">
|
|
<i class="fas fa-sign-out-alt fa-lg fa-fw"></i>
|
|
<span class="sr-only">(current)</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|