Navbar add uk-light if dark background is applied in main menu
This commit is contained in:
parent
f08c63d384
commit
376d56d395
|
@ -9,7 +9,7 @@ import {UserManagementService} from "../services/user-management.service";
|
|||
@Component({
|
||||
selector: 'user-mini',
|
||||
template: `
|
||||
<ul *ngIf="!mobileView" class="uk-navbar-nav" [class.uk-dark]="dark">
|
||||
<ul *ngIf="!mobileView" class="uk-navbar-nav">
|
||||
<li class="uk-parent">
|
||||
<a *ngIf="!loggedIn" (click)="logIn()">Sign in</a>
|
||||
<ng-container *ngIf="loggedIn">
|
||||
|
@ -78,7 +78,6 @@ export class UserMiniComponent implements OnInit, OnChanges {
|
|||
@Input() logInUrl;
|
||||
@Input() logOutUrl;
|
||||
@Input() cookieDomain;
|
||||
@Input() dark: boolean = false;
|
||||
@Output() closeCanvasEmitter: EventEmitter<boolean> = new EventEmitter<boolean>();
|
||||
private subscriptions = [];
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<div *ngIf="showMenu">
|
||||
<div class="uk-hidden@m">
|
||||
<div class="uk-hidden@m" [class.uk-light]='dark' >
|
||||
<div [ngClass]="portal + '-menu'">
|
||||
<nav class="uk-navbar-container uk-navbar" uk-navbar="">
|
||||
<div
|
||||
|
@ -93,7 +93,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main-menu" class="uk-visible@m">
|
||||
<div id="main-menu" class="uk-visible@m" [class.uk-light]='dark'>
|
||||
<div id="sticky-menu" class="uk-navbar-container" [ngClass]="portal + '-menu'" uk-sticky media="@m">
|
||||
<div
|
||||
*ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo && header.badge">
|
||||
|
@ -121,7 +121,7 @@
|
|||
<ng-container *ngIf="header.menuPosition === 'right'">
|
||||
<ng-container *ngTemplateOutlet="mainMenu"></ng-container>
|
||||
</ng-container>
|
||||
<user-mini *ngIf="userMenu" [user]="user" [dark]="dark"
|
||||
<user-mini *ngIf="userMenu" [user]="user"
|
||||
[userMenuItems]=userMenuItems [logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl
|
||||
[cookieDomain]=properties.cookieDomain></user-mini>
|
||||
<ng-content select="[extra-m]"></ng-content>
|
||||
|
|
Loading…
Reference in New Issue