Project

General

Profile

« Previous | Next » 

Revision 57237

Added by Konstantina Galouni over 4 years ago

[Trunk | Library]:
1. assets/common-assets: Add beta_flag.svg.
2. assets/common-assets/library.css: Add classes 'small-beta-indication' and 'large-beta-indication' to be used in navigation bar.
3. navigationBar.component.html: Add beta_flag.svg in navigation bar when the environment is 'beta'.

View differences:

modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/navigationBar.component.html
1 1 
<div *ngIf="showMenu">
2 2 
<div class="tm-header-mobile uk-hidden@m">
3 3 
   <nav class="uk-navbar-container uk-navbar" uk-navbar="">
4 
      <div *ngIf="!onlyTop || userMenu" class="uk-navbar-left">
5 
         <a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle="" style="z-index:1000;">
6 
            <div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon custom-navbar-toggle-icon"> </div>
7 
         </a>
8 
      </div>
4 
     <div *ngIf="properties.environment =='beta'" class="uk-position-top-left">
5 
       <img  class="small-beta-indication" src="{{logoPath}}beta_flag.svg" alt="BETA">
6 
     </div>
7 
     <!--     class="uk-navbar-right"--> <!-- if we want to revert the menu - put it on the right -->
8 
     <div *ngIf="!onlyTop || userMenu" class="uk-navbar-left">
9 
       <a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle="" style="z-index:1000;">
10 
         <div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon custom-navbar-toggle-icon"> </div>
11 
       </a>
12 
     </div>
9 13 
      <div class="uk-navbar-center">
10 14 
         <a *ngIf="!community" class="uk-navbar-item uk-logo"  routerLinkActive="uk-link" routerLink="/" >
11 15 
           <img  src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
......
26 30 
         <user-mini></user-mini>
27 31 
      </div-->
28 32 
   </nav>
29 
   <div  id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas" >
33 
<!--  uk-offcanvas="flip: true"--> <!-- if we want to revert the menu - put it on the right -->
34 
   <div  id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas uk-hidden@m" style="z-index:10000;" >
30 35 
      <div class="uk-offcanvas-bar">
31 36 
         <button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close=""></button>
32 37 
         <div class="uk-child-width-1-1 uk-grid" uk-grid="">
......
112 117 
      <div class="uk-container uk-container-expand">
113 118 
         <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
114 119 
            <div class="uk-navbar-left  uk-visible@l  ">
120 
              <div *ngIf="properties.environment =='beta'" class="uk-position-top-left">
121 
                <img class="large-beta-indication" src="{{logoPath}}beta_flag.svg" alt="BETA">
122 
              </div>
115 123 
               <a *ngIf="!community" routerLinkActive="uk-link" routerLink="/"  class="uk-logo uk-navbar-item">
116 124 
                 <img  src="{{logoPath}}logo-large-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
117 125 
               </a>
......
142 150 
              </div>
143 151 
            </div>
144 152 
            <div class="uk-navbar-left  uk-visible@m uk-hidden@l uk-width-1-3">
153 
              <div *ngIf="properties.environment =='beta'" class="uk-position-top-left">
154 
                <img class="large-beta-indication" src="{{logoPath}}beta_flag.svg" alt="BETA">
155 
              </div>
145 156 
               <a  *ngIf="!community" routerLinkActive="uk-link" routerLink="/"  class="uk-logo uk-navbar-item">
146 157 
                 <img   src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
147 158 
               </a>
modules/uoa-services-library/trunk/ng-openaire-library/src/assets/library.css
1211 1211 
.uk-navbar-dropdown{
1212 1212 
     box-shadow: 0 5px 12px rgba(0,0,0,.15);
1213 1213 
}
1214 

  		




  
  1215
  
    
.small-beta-indication {


  		




  
  1216
  
    
    height: 60px;


  		




  
  1217
  
    
}


  		




  
  1218
  
    

  		




  
  1219
  
    
.large-beta-indication {


  		




  
  1220
  
    
    height: 90px;


  		




  
  1221
  
    
    position: fixed;


  		




  
  1222
  
    
    top: 0;


  		




  
  1223
  
    
    left: 0;


  		




  
  1224
  
    
}


  		












  

    
      modules/uoa-services-library/trunk/ng-openaire-library/src/assets/beta_flag.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="118" height="118" viewBox="0 0 118 118"><defs><clipPath id="a"><rect width="118" height="118" fill="#fff"/></clipPath></defs><g clip-path="url(#a)"><g transform="translate(27 32)"><g transform="translate(-161.906 166.693) rotate(-45)" fill="#ffe250" stroke="#efc82a" stroke-width="3" stroke-dasharray="8"><rect width="523.398" height="37.204" stroke="none"/><rect x="1.5" y="1.5" width="520.398" height="34.204" fill="none"/></g><text transform="translate(22.492 16.909) rotate(-45)" font-size="14" font-family="OpenSans-Bold, Open Sans" font-weight="700"><tspan x="-17.507" y="0">BETA</tspan></text></g></g></svg>


  		












Also available in:  Unified diff