MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[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
This commit is contained in:
argiro.kokogiannaki 2021-01-14 16:56:43 +00:00
parent b8ec43f7af
commit 1e62eb090c
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
sharedComponents/navigationBar.component.html
View File

@ -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>