From 1e62eb090c6959b0d378fff69e5299340c3fc9f5 Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 14 Jan 2021 16:56:43 +0000
Subject: [PATCH] [Library |trunk ]

navbar: add height for images hardcoded - avoid huge sizes until css is loaded



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

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 8e337254..6a6cb90f 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -3,7 +3,7 @@
        class="uk-visible@m">
     <a [routerLink]="header.route" [href]="header.url"><img class="large-beta-indication"
                                                       [src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
-                                                      alt="BETA">
+                                                      alt="BETA" style="height: 104px; ">
     </a>
   </div>
   <div class="tm-header-mobile uk-hidden@m">
@@ -12,7 +12,7 @@
         class="uk-position-top-left">
         <img class="small-beta-indication"
              [src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
-             alt="BETA">
+             alt="BETA" style="height: 60px; ">
       </div>
       <!--     class="uk-navbar-right"--> <!-- if we want to revert the menu - put it on the right -->
       <div *ngIf="!onlyTop || userMenu" class="uk-navbar-left">
@@ -168,7 +168,7 @@
       <div *ngIf="(properties.environment =='beta' || properties.environment =='development') && showLogo  && header.badge">
         <img class="beta-indication-sticky"
              [src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
-             alt="BETA">
+             alt="BETA" style="height: 102px; ">
       </div>
       <div class="uk-container uk-container-expand">
         <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
@@ -266,7 +266,7 @@
     <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
          [src]="!mobile?header.logoUrl:header.logoSmallUrl"
          [alt]="header.title"
-         class="uk-responsive-height">
+         class="uk-responsive-height" style="height: 70px; ">
     <span *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)"
           class="uk-logo uk-text-bold uk-padding-remove">
       {{header.title}}</span>
@@ -274,7 +274,9 @@
   <a *ngIf="header.url"
      [href]="header.url"
      target="_blank" class="uk-logo uk-navbar-item">
-    <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)" [src]="!mobile?header.logoUrl:header.logoSmallUrl" [alt]="header.title" class="uk-responsive-height">
+    <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
+         [src]="!mobile?header.logoUrl:header.logoSmallUrl" [alt]="header.title" class="uk-responsive-height"
+         style="height: 70px; ">
     <span *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)"  class="uk-logo uk-text-bold uk-padding-remove">
       {{header.title}}</span>
   </a>