Navbar add uk-light if dark background is applied in main menu

This commit is contained in:
Konstantinos Triantafyllou 2022-07-04 22:34:28 +03:00
parent f08c63d384
commit 376d56d395
2 changed files with 4 additions and 5 deletions

View File

@ -9,7 +9,7 @@ import {UserManagementService} from "../services/user-management.service";
@Component({ @Component({
selector: 'user-mini', selector: 'user-mini',
template: ` template: `
<ul *ngIf="!mobileView" class="uk-navbar-nav" [class.uk-dark]="dark"> <ul *ngIf="!mobileView" class="uk-navbar-nav">
<li class="uk-parent"> <li class="uk-parent">
<a *ngIf="!loggedIn" (click)="logIn()">Sign in</a> <a *ngIf="!loggedIn" (click)="logIn()">Sign in</a>
<ng-container *ngIf="loggedIn"> <ng-container *ngIf="loggedIn">
@ -78,7 +78,6 @@ export class UserMiniComponent implements OnInit, OnChanges {
@Input() logInUrl; @Input() logInUrl;
@Input() logOutUrl; @Input() logOutUrl;
@Input() cookieDomain; @Input() cookieDomain;
@Input() dark: boolean = false;
@Output() closeCanvasEmitter: EventEmitter<boolean> = new EventEmitter<boolean>(); @Output() closeCanvasEmitter: EventEmitter<boolean> = new EventEmitter<boolean>();
private subscriptions = []; private subscriptions = [];

View File

@ -1,5 +1,5 @@
<div *ngIf="showMenu"> <div *ngIf="showMenu">
<div class="uk-hidden@m"> <div class="uk-hidden@m" [class.uk-light]='dark' >
<div [ngClass]="portal + '-menu'"> <div [ngClass]="portal + '-menu'">
<nav class="uk-navbar-container uk-navbar" uk-navbar=""> <nav class="uk-navbar-container uk-navbar" uk-navbar="">
<div <div
@ -93,7 +93,7 @@
</div> </div>
</div> </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 id="sticky-menu" class="uk-navbar-container" [ngClass]="portal + '-menu'" uk-sticky media="@m">
<div <div
*ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo && header.badge"> *ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo && header.badge">
@ -121,7 +121,7 @@
<ng-container *ngIf="header.menuPosition === 'right'"> <ng-container *ngIf="header.menuPosition === 'right'">
<ng-container *ngTemplateOutlet="mainMenu"></ng-container> <ng-container *ngTemplateOutlet="mainMenu"></ng-container>
</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 [userMenuItems]=userMenuItems [logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl
[cookieDomain]=properties.cookieDomain></user-mini> [cookieDomain]=properties.cookieDomain></user-mini>
<ng-content select="[extra-m]"></ng-content> <ng-content select="[extra-m]"></ng-content>