From ed7e66852a64babc4e48573ed52b6ba114a2ea84 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 14 Jun 2022 17:00:13 +0300
Subject: [PATCH] [common-assets & openaire-theme & Library | new-theme]:
 Updated class for graph color and moved to openaire.css | z-index fixes in
 dropdown and in landing pages. 1. dropdown.css: [Bug fix] Added z-index: 1 in
 uk-dropdown to prevent dropdown from being on top of menu. 2. text.css:
 Removed classes "text-orcid" and "text-argos" (moved to
 openaire-theme/css/openaire.css. 3. openaire.css: Removed class "graph" and
 added "text-graph", "text-orcid", "text-argos". 4.
 dataProvider.component.html & organization.component.html &
 project.component.html & resultLanding.component.html &
 newSearchPage.component.html: Use class "text-graph" instead of "graph" for
 graph color. 5. landing-utils.css: [Bug fix] Updated z-index of
 #graph_and_feedback to 980 (previous 979) to be on top of tabs in landing
 pages | background of #main-tabs-div was set twice.

---
 landingPages/dataProvider/dataProvider.component.html | 9 +++++----
 landingPages/organization/organization.component.html | 7 ++++---
 landingPages/project/project.component.html           | 9 +++++----
 landingPages/result/resultLanding.component.html      | 9 +++++----
 searchPages/searchUtils/newSearchPage.component.html  | 7 ++++---
 5 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/landingPages/dataProvider/dataProvider.component.html b/landingPages/dataProvider/dataProvider.component.html
index 9a5eb2d5..50b02f42 100644
--- a/landingPages/dataProvider/dataProvider.component.html
+++ b/landingPages/dataProvider/dataProvider.component.html
@@ -47,11 +47,12 @@
           <ng-template #graph_and_feedback_template>
             <div class="uk-flex uk-margin-small-top uk-margin-small-bottom" [class.uk-invisible]="!dataProviderInfo">
               <!-- Last Index Info-->
-              <div class="uk-width-2-3@m uk-width-1-2 graph">
-                <icon name="graph" customClass="uk-text-primary"></icon>
+              <div class="uk-width-2-3@m uk-width-1-2">
+                <icon name="graph" customClass="text-graph"></icon>
                 <span class="uk-margin-small-left uk-text-baseline">
-                    <span class="uk-text-meta">Powered by </span><a href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a>
-                  </span>
+                  <span class="uk-text-meta">Powered by </span>
+                  <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
+                </span>
                 <span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-meta">
                   . Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
                 </span>
diff --git a/landingPages/organization/organization.component.html b/landingPages/organization/organization.component.html
index 82ee1279..c855453a 100644
--- a/landingPages/organization/organization.component.html
+++ b/landingPages/organization/organization.component.html
@@ -46,10 +46,11 @@
           <ng-template #graph_and_feedback_template>
             <div class="uk-flex uk-margin-small-top uk-margin-small-bottom" [class.uk-invisible]="!organizationInfo">
               <!-- Last Index Info-->
-              <div class="uk-width-2-3@m uk-width-1-2 graph">
-                <icon name="graph" customClass="uk-text-primary"></icon>
+              <div class="uk-width-2-3@m uk-width-1-2">
+                <icon name="graph" customClass="text-graph"></icon>
                 <span class="uk-margin-small-left uk-text-baseline">
-                    <span class="uk-text-meta">Powered by </span><a href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a>
+                  <span class="uk-text-meta">Powered by </span>
+                  <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
                 </span>
                 <span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-meta">
                   . Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index 3e3b11e8..74c6c458 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -86,11 +86,12 @@
           <ng-template #graph_and_feedback_template>
             <div class="uk-flex uk-margin-small-top uk-margin-small-bottom" [class.uk-invisible]="!projectInfo">
               <!-- Last Index Info-->
-              <div class="uk-width-2-3@m uk-width-1-2 graph">
-                <icon name="graph" customClass="uk-text-primary"></icon>
+              <div class="uk-width-2-3@m uk-width-1-2">
+                <icon name="graph" customClass="text-graph"></icon>
                 <span class="uk-margin-small-left uk-text-baseline">
-                    <span class="uk-text-meta">Powered by </span><a href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a>
-                  </span>
+                  <span class="uk-text-meta">Powered by </span>
+                  <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
+                </span>
                 <span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-meta">
                   . Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
                 </span>
diff --git a/landingPages/result/resultLanding.component.html b/landingPages/result/resultLanding.component.html
index a6082fc1..fe90e220 100644
--- a/landingPages/result/resultLanding.component.html
+++ b/landingPages/result/resultLanding.component.html
@@ -83,11 +83,12 @@
           <ng-template #graph_and_feedback_template>
             <div class="uk-flex uk-margin-small-bottom uk-margin-small-top" [class.uk-invisible]="!resultLandingInfo">
               <!-- Last Index Info-->
-              <div class="uk-width-2-3@m uk-width-1-2 graph">
-                <icon name="graph" customClass="uk-text-primary"></icon>
+              <div class="uk-width-2-3@m uk-width-1-2">
+                <icon name="graph" customClass="text-graph"></icon>
                 <span class="uk-margin-small-left uk-text-baseline">
-                    <span class="uk-text-meta">Powered by </span><a href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a>
-                  </span>
+                  <span class="uk-text-meta">Powered by </span>
+                  <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
+                </span>
                 <span *ngIf="indexUpdateDate" class="uk-text-baseline uk-text-meta">
                   . Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
                 </span>
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index d0a3ea5d..532bbe6d 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -345,10 +345,11 @@
               </div>
               <div *ngIf="showIndexInfo && searchUtils.status !== errorCodes.LOADING" class="uk-margin-large-top uk-grid uk-child-width-1-2 uk-text-small">
                 <!-- Last Index Info-->
-                <div class="graph">
-                  <icon name="graph" customClass="uk-text-primary"></icon>
+                <div>
+                  <icon name="graph" customClass="text-graph"></icon>
                   <span class="uk-margin-small-left uk-text-baseline">
-                    <span class="uk-text-meta">Powered by </span><a href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a>
+                    <span class="uk-text-meta">Powered by </span>
+                    <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>
                   </span>
                 </div>
                 <div class="uk-text-right">