From 5e402fa81c1f11f47ff0a038174caf309f1dfbbb Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 17 Oct 2019 11:48:06 +0000
Subject: [PATCH] [Library|Trunk]

Navbar: fix position issue for beta-indication badge



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@57402 d315682c-612b-4755-9ff5-7f18f6832af3
---
 sharedComponents/navigationBar.component.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 9aaaab8b..51e3b90b 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -1,4 +1,8 @@
 <div *ngIf="showMenu">
+  <div *ngIf="properties.environment =='beta' || properties.environment =='development'"
+       class="uk-position-top-left uk-visible@m" style="z-index:1001;">
+    <img class="large-beta-indication" src="assets/common-assets/beta_flag.svg" alt="BETA">
+  </div>
 <div class="tm-header-mobile uk-hidden@m">
    <nav class="uk-navbar-container uk-navbar" uk-navbar="">
      <div *ngIf="properties.environment =='beta' || properties.environment =='development'"
@@ -116,12 +120,10 @@
 <div class="tm-header uk-visible@m tm-header-transparent" uk-header="">
    <div id="stickyNavbar" [class]="'uk-navbar-container uk-sticky uk-navbar-transparent '+portal+'-menu'" uk-sticky="" media="768" cls-active="uk-active uk-navbar-sticky" animation="uk-animation-slide-top" top=".tm-header + [class*=&quot;uk-section&quot;]" cls-inactive="uk-navbar-transparent" style="">
       <div class="uk-container uk-container-expand">
+        <img   *ngIf="properties.environment =='beta' || properties.environment =='development'"
+               class="large-beta-indication beta-indication-sticky" src="assets/common-assets/beta_flag.svg" alt="BETA">
          <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
             <div class="uk-navbar-left  uk-visible@l  ">
-              <div *ngIf="properties.environment =='beta' || properties.environment =='development'"
-                   class="uk-position-top-left" style="z-index:1001;">
-                <img class="large-beta-indication" src="assets/common-assets/beta_flag.svg" alt="BETA">
-              </div>
                <a *ngIf="!community" routerLinkActive="uk-link" routerLink="/"  class="uk-logo uk-navbar-item">
                  <img  src="{{logoPath}}logo-large-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
                </a>
@@ -152,10 +154,6 @@
               </div>
             </div>
             <div class="uk-navbar-left  uk-visible@m uk-hidden@l uk-width-1-3">
-              <div *ngIf="properties.environment =='beta' || properties.environment =='development'"
-                   class="uk-position-top-left" style="z-index:1001;">
-                <img class="large-beta-indication" src="assets/common-assets/beta_flag.svg" alt="BETA">
-              </div>
                <a  *ngIf="!community" routerLinkActive="uk-link" routerLink="/"  class="uk-logo uk-navbar-item">
                  <img   src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
                </a>