From c5b1cbbab6a44ea2fc7cd440ee48861443a986a8 Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 11 May 2018 14:38:05 +0000
Subject: [PATCH] add FAB link also in Projects | change landing page widths
 also for pr, org, dp | fix FAB link z-index, drop down position when
 scrolling | fix cookie law z-index to be behind FAB link

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@52011 d315682c-612b-4755-9ff5-7f18f6832af3
---
 app.component.ts                              |  6 ++--
 app.module.ts                                 |  2 ++
 .../dataProvider/dataProvider.component.html  |  4 +--
 landingPages/dataset/dataset.component.html   |  5 +--
 .../landing-utils/tabTable.component.ts       |  2 +-
 .../organization/organization.component.html  |  4 +--
 landingPages/project/project.component.html   | 35 ++++++++++++++++---
 .../publication/publication.component.html    |  5 +--
 landingPages/software/software.component.html |  5 +--
 sharedComponents/cookie-law/cookie-law.css    |  2 +-
 10 files changed, 51 insertions(+), 19 deletions(-)

diff --git a/app.component.ts b/app.component.ts
index 64ae88dd..8ffb3be4 100644
--- a/app.component.ts
+++ b/app.component.ts
@@ -33,7 +33,7 @@ import{MenuItem,RootMenuItem} from './sharedComponents/menu';
 
                 </div>
           </div-->
-          <!--feedback *ngIf= "isClient"></feedback>
+          <!--feedback *ngIf= "isClient"></feedback-->
           <cookie-law *ngIf= "isClient" position="bottom">
               OpenAIRE uses cookies in order to function properly.<br>
               Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible.
@@ -41,7 +41,7 @@ import{MenuItem,RootMenuItem} from './sharedComponents/menu';
               <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
               </span></a>
           </cookie-law>
-           <bottom *ngIf= "isClient"></bottom-->
+           <bottom *ngIf= "isClient"  [assetsPath]=assetsPath></bottom>
 
 `
 
@@ -53,7 +53,7 @@ export class AppComponent {
    constructor(private config: ConfigurationService, private  route: ActivatedRoute, private propertiesService:EnvironmentSpecificService) {
    }
 
-
+   assetsPath = "assets/";
    userMenuItems:MenuItem[] =  [ new MenuItem("","My profile","","",false,[],[],{}),
    new MenuItem("","My claims","","/myclaims",false,[],["/myclaims"],{}),
    new MenuItem("","Manage all claims","","/claims",true,[],["/claims"],{})]
diff --git a/app.module.ts b/app.module.ts
index 7dd404e0..4d4b0903 100755
--- a/app.module.ts
+++ b/app.module.ts
@@ -9,6 +9,7 @@ import { RouterModule } from '@angular/router';
 import { AppComponent } from './app.component';
 import {NavigationBarModule} from './sharedComponents/navigationBar.module';
 import { CookieLawModule } from './sharedComponents/cookie-law/cookie-law.module';
+import { BottomModule } from './sharedComponents/bottom.module';
 // import { ErrorModule } from './error/error.module';
 import { ConfigurationService } from './utils/configuration/configuration.service';
 import {MainSearchModule} from './searchPages/find/mainSearch.module';
@@ -65,6 +66,7 @@ import { AppRoutingModule } from './app-routing.module';
     SharedModule,
     NoopAnimationsModule,
     CommonModule,
+    CookieLawModule, BottomModule,
     HttpModule,
     NavigationBarModule,
     CookieLawModule,
diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index 82a14f24..8faa269f 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -9,7 +9,7 @@
 
     <div *ngIf="dataProviderInfo != null" uk-grid class="uk-grid-large">
 
-        <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
+        <div class="uk-width-expand@m uk-width-1-1@s">
             <!--h3 *ngIf="dataProviderInfo.title != null">
                 <a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
                     href="{{dataProviderInfo.title['url']}}" target="_blank" class="custom-external">
@@ -234,7 +234,7 @@
                 </div>
 
         </div>
-        <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
+        <div class="uk-width-large@m uk-width-1-1@s">
           <div class="uk-card uk-card-default uk-padding-small">
             <div>
               Share - Bookmark<addThis ></addThis>
diff --git a/landingPages/dataset/dataset.component.html b/landingPages/dataset/dataset.component.html
index 300d056d..5fd111e3 100644
--- a/landingPages/dataset/dataset.component.html
+++ b/landingPages/dataset/dataset.component.html
@@ -267,7 +267,7 @@
     </div>
     <!-- Claiming FAB -->
         <div class="uk-inline">
-           <div   class="   uk-float-right  " style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
+           <div   class="   uk-float-right  " style="z-index: 200; bottom: 45px; position: fixed; right: 45px;">
              <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  "   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
                <span class="uk-icon">
                     <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
@@ -278,7 +278,7 @@
                     <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
                   </span> Link this dataser to
              </button>
-           </div>
+
            <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
                <ul class="uk-iconnav uk-iconnav-vertical">
                  <li  uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>">
@@ -302,6 +302,7 @@
 
               </ul>
            </div>
+           </div>
 </div>
 </div>
 </div>
diff --git a/landingPages/landing-utils/tabTable.component.ts b/landingPages/landing-utils/tabTable.component.ts
index 26a7d152..15e31283 100644
--- a/landingPages/landing-utils/tabTable.component.ts
+++ b/landingPages/landing-utils/tabTable.component.ts
@@ -24,7 +24,7 @@ import{EnvProperties} from '../../utils/properties/env-properties';
                         <!--span *ngIf="item['class'] == 'dataset'" class="glyphicon glyphicon-star" aria-hidden="true"-->
                          <span *ngIf="item['class'] == 'publication'" class="uk-icon" title = "Publication"><svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
                          <span class="uk-icon"  *ngIf="item['class'] == 'dataset'" title = "Research data" ><svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><ellipse cx="10" cy="4.64" fill="none" rx="7.5" ry="3.14" stroke="#000"></ellipse><path d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11" fill="none" stroke="#000"></path><path d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25" fill="none" stroke="#000"></path><path d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64" fill="none" stroke="#000"></path></svg></span>
-                         <span class="uk-icon" c>
+                         <span class="uk-icon" *ngIf="item['class'] == 'software'" title = "Software"  >
                           <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <circle cx="9.997" cy="10" fill="none" r="3.31" stroke="#000"></circle> <path d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z" fill="none" stroke="#000"></path></svg>
                         </span>
                         <span class="uk-icon"  *ngIf="item['class'] == 'other'" title = "Other" ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"> <rect fill="none" stroke="#000" x="3.5" y="1.5" width="13" height="17"></rect></svg></span>
diff --git a/landingPages/organization/organization.component.html b/landingPages/organization/organization.component.html
index a186b43b..3d7cc302 100644
--- a/landingPages/organization/organization.component.html
+++ b/landingPages/organization/organization.component.html
@@ -8,7 +8,7 @@
     <div [style.display]="showLoading ? 'inline' : 'none'"class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img class="loading-gif  uk-align-center" ></div>
 
     <div *ngIf="organizationInfo != null" uk-grid class="uk-grid-large">
-        <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
+        <div class="uk-width-expand@m uk-width-1-1@s">
             <showTitle  [title]="organizationInfo.title"></showTitle>
             <div class="uk-text-large " *ngIf="organizationInfo.title.name && organizationInfo.title.name != organizationInfo.name ">{{organizationInfo.name}}</div>
             <span   class="uk-label custom-label label-blue label-organization" title="Type">Organization</span>
@@ -143,7 +143,7 @@
           </div>
         </div>
 
-        <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
+        <div class="uk-width-large@m uk-width-1-1@s">
           <div class="uk-card uk-card-default uk-padding-small">
           <div>
             Share - Bookmark<addThis ></addThis>
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index 66f2fae0..5b1f5af3 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -8,7 +8,7 @@
     <div [style.display]="showLoading ? 'inline' : 'none'" class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><img class="loading-gif  uk-align-center" ></div>
 
     <div *ngIf="projectInfo != null" uk-grid class="uk-grid-large">
-        <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
+        <div class="uk-width-expand@m uk-width-1-1@s">
             <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
             <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
             <h2 class="projectIcon">
@@ -284,7 +284,7 @@
           </div>
         </div>
 
-        <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
+        <div class="uk-width-large@m uk-width-1-1@s">
           <div class="uk-card uk-card-default uk-padding-small">
           <div>
             Share - Bookmark<addThis ></addThis>
@@ -372,7 +372,7 @@
               </ul>
 
             </div>
-            <ul uk-accordion class="uk-padding-remove">
+            <!--ul uk-accordion class="uk-padding-remove">
                 <li>
                   <button class="uk-button uk-button-primary uk-accordion-title link-to-button  uk-width-1-1" type="button">
                     <span class="uk-icon" >
@@ -386,7 +386,7 @@
                       </ul>
                     </div>
                 </li>
-            </ul>
+            </ul-->
           </div>
 
         </div>
@@ -394,6 +394,33 @@
     </div>
     <modal-loading></modal-loading>
     <modal-alert #AlertModalCsvError></modal-alert>
+    <!-- Claiming FAB -->
+    <div class="uk-inline">
+       <div   class="   uk-float-right  " style="z-index: 200; bottom: 45px; position: fixed; right: 45px;">
+         <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  "   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
+           <span class="uk-icon">
+                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
+              </span>
+         </a-->
+         <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button uk-button-primary  ">
+           <span class="uk-icon">
+                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
+              </span> Link this project to
+         </button>
+
+       <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
+           <ul class="uk-iconnav uk-iconnav-vertical">
+              <li uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Other research results</div>">
+                <a   class="   uk-icon-button uk-button-primary  "  style="padding: 6px;"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
+                  <span class="uk-icon" >
+                       <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
+                </a>
+              </li>
+
+          </ul>
+       </div>
+       </div>
+    </div>
 </div>
 </div>
 </div>
diff --git a/landingPages/publication/publication.component.html b/landingPages/publication/publication.component.html
index ed2016ce..6efb4512 100644
--- a/landingPages/publication/publication.component.html
+++ b/landingPages/publication/publication.component.html
@@ -581,7 +581,7 @@
     </div>
     <!-- Claiming FAB -->
     <div class="uk-inline">
-       <div   class="   uk-float-right  " style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
+       <div   class="   uk-float-right  " style="z-index: 200; bottom: 45px; position: fixed; right: 45px;">
          <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  "   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
            <span class="uk-icon">
                 <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
@@ -592,7 +592,7 @@
                 <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
               </span> Link this publication to
          </button>
-       </div>
+
        <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
            <ul class="uk-iconnav uk-iconnav-vertical">
              <li  uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>">
@@ -616,6 +616,7 @@
 
           </ul>
        </div>
+       </div>
     </div>
 </div>
 </div>
diff --git a/landingPages/software/software.component.html b/landingPages/software/software.component.html
index ee1795a5..75d6f15b 100644
--- a/landingPages/software/software.component.html
+++ b/landingPages/software/software.component.html
@@ -266,7 +266,7 @@
     </div>
 <!-- Claiming FAB -->
     <div class="uk-inline">
-       <div   class="   uk-float-right  " style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
+       <div   class="   uk-float-right  " style="z-index: 200; bottom: 45px; position: fixed; right: 45px;">
          <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  "   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
            <span class="uk-icon">
                 <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
@@ -277,7 +277,7 @@
                 <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
               </span> Link this software to
          </button>
-       </div>
+
        <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
            <ul class="uk-iconnav uk-iconnav-vertical">
              <li  uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>">
@@ -301,6 +301,7 @@
 
           </ul>
        </div>
+      </div>
 
 </div>
 </div>
diff --git a/sharedComponents/cookie-law/cookie-law.css b/sharedComponents/cookie-law/cookie-law.css
index 17e09689..12a7af3a 100644
--- a/sharedComponents/cookie-law/cookie-law.css
+++ b/sharedComponents/cookie-law/cookie-law.css
@@ -21,7 +21,7 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  z-index: 999999999;
+  z-index: 100;
   font-smooth: always;
   -webkit-font-smoothing: antialiased;
   text-align: center;