From 376d56d3950cf0fd79423f426a56add7682899e5 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 4 Jul 2022 22:34:28 +0300
Subject: [PATCH] Navbar add uk-light if dark background is applied in main
 menu

---
 login/userMini.component.ts                   | 3 +--
 sharedComponents/navigationBar.component.html | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/login/userMini.component.ts b/login/userMini.component.ts
index 1b5feabd..9360a881 100644
--- a/login/userMini.component.ts
+++ b/login/userMini.component.ts
@@ -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 = [];
   
diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 0e9eccb6..421c6007 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -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>