From c19cea83abf22f616b353fb2641b35a714770f14 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni"
 <konstantina.galouni@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Fri, 2 Apr 2021 16:34:01 +0000
Subject: [PATCH] [Trunk | Connect]: 1. affiliations.component.html:
 organizations slider in community first page: "coloredBackground" class added
 in <a> links for next and previous slider items 2. connect-custom.css: Css
 added for "coloredBackground" class (on focus and on hover too) - background
 color same as this of the page (#F7FCFF) and on hover opacity: 0.9.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@60787 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/affiliations/affiliations.component.html | 4 ++--
 src/assets/connect-custom.css                    | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/affiliations/affiliations.component.html b/src/app/affiliations/affiliations.component.html
index d8c8e64..ca546a8 100644
--- a/src/app/affiliations/affiliations.component.html
+++ b/src/app/affiliations/affiliations.component.html
@@ -76,10 +76,10 @@
     <!--       [class]="'uk-hidden-hover uk-position-center-left uk-padding uk-height-1-1 uk-flex uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)"-->
     <!--    class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"-->
     <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
-       class="uk-position-center-left uk-padding uk-height-1-1 uk-flex"
+       class="uk-position-center-left uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
        href="#" uk-slidenav-previous uk-slider-item="previous"></a>
     <a *ngIf="(affiliations.length > affiliationsInSlider) && arrows"
-       class="uk-position-center-right uk-padding uk-height-1-1 uk-flex"
+       class="uk-position-center-right uk-padding uk-height-1-1 uk-flex" [class.coloredBackground]="communityFirstPage"
        href="#" uk-slidenav-next uk-slider-item="next"></a>
   </div>
   <div *ngIf="communityFirstPage">
diff --git a/src/assets/connect-custom.css b/src/assets/connect-custom.css
index f6a550b..c974beb 100644
--- a/src/assets/connect-custom.css
+++ b/src/assets/connect-custom.css
@@ -177,6 +177,14 @@ a:hover .user-circle-background {
     min-height: 60vh;
 }
 
+.coloredBackground, .coloredBackground:focus, .coloredBackground:hover {
+    background-color: #F7FCFF;
+}
+
+.coloredBackground:hover {
+    opacity: 0.9;
+}
+
 .generalSearchForm .subtitle{
     color: #000000 !important;
     opacity: 0.6;