From 4e57dd41d2f6d58ae9e0c5234731e1121b6ad833 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 6 May 2022 13:47:54 +0300
Subject: [PATCH] Remove animation fade from results card and add scrollspy.
 Remove condition for selected filters sections

---
 deposit/searchResultsInDeposit.component.html                | 2 +-
 .../searchResultsForOrcid.component.html                     | 2 +-
 searchPages/searchUtils/newSearchPage.component.html         | 5 ++---
 searchPages/searchUtils/portal-search-result.component.html  | 2 +-
 searchPages/searchUtils/searchResult.component.html          | 2 +-
 5 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/deposit/searchResultsInDeposit.component.html b/deposit/searchResultsInDeposit.component.html
index 502d8706..8a487786 100644
--- a/deposit/searchResultsInDeposit.component.html
+++ b/deposit/searchResultsInDeposit.component.html
@@ -17,7 +17,7 @@
   </a>
 </div>
 <ul class="uk-margin-top uk-list uk-margin search-results ">
-  <li *ngFor="let result of results" class="uk-animation-fade">
+  <li *ngFor="let result of results">
 		<result-preview [properties]="properties" [showOrganizations]="true"
 										[showSubjects]="true" [result]="getResultPreview(result)" [promoteWebsiteURL]="true"
 										[isCard]="true">
diff --git a/orcid/recommend-orcid-links/searchResultsForOrcid.component.html b/orcid/recommend-orcid-links/searchResultsForOrcid.component.html
index ade611e3..df6abe9d 100644
--- a/orcid/recommend-orcid-links/searchResultsForOrcid.component.html
+++ b/orcid/recommend-orcid-links/searchResultsForOrcid.component.html
@@ -8,7 +8,7 @@
   <p>The OpenAIRE Catch-all repository hosted at CERN cloud infrastructure. Whatever your field of research is, you can deposit any type of research product, select the proper license, ask for a DOI and link it to the funding projects for easy reporting.</p>
 </div>
 <ul class="uk-margin-top uk-list uk-margin search-results ">
-  <li *ngFor="let result of results" class="uk-animation-fade">
+  <li *ngFor="let result of results">
 		<result-preview [properties]="properties" [showOrganizations]="true"
 										[showSubjects]="true" [result]="getResultPreview(result)" [promoteWebsiteURL]="true"
 										[isCard]="true">
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 0f4b6ed6..ea5c07f9 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -266,8 +266,7 @@
                   </search-download>
                 </div>
               </div>
-              <div *ngIf="(selectedRangeFilters+selectedFilters + selectedTypesNum  > 0 || (customFilter && (customFilter.selected == true || customFilter.isHiddenFilter))) &&
-                          (searchUtils.status !== errorCodes.LOADING || !loadPaging)">
+              <div *ngIf="(searchUtils.status !== errorCodes.LOADING || !loadPaging)">
                 <ng-container *ngTemplateOutlet="selected_filters_pills;"></ng-container>
               </div>
               <div class="uk-grid uk-flex-middle uk-child-width-1-1 uk-child-width-1-2@m uk-margin-medium-top" uk-grid>
@@ -294,7 +293,7 @@
               </div>
               <div
                   *ngIf="(searchUtils.page <= pagingLimit) || (searchUtils.totalResults <= searchUtils.size*pagingLimit)"
-                  class="uk-margin">
+                  class="uk-margin"  uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 100">
                 <search-result *ngIf="( entityType !='community' && entityType != 'stakeholder') && usedBy == 'search'"
                               [results]="results"
                               [status]=searchUtils.status
diff --git a/searchPages/searchUtils/portal-search-result.component.html b/searchPages/searchUtils/portal-search-result.component.html
index 01b08c20..3c6f1b83 100644
--- a/searchPages/searchUtils/portal-search-result.component.html
+++ b/searchPages/searchUtils/portal-search-result.component.html
@@ -1,7 +1,7 @@
 <ul class="uk-list uk-list-xlarge" [class]="'uk-list uk-margin ' + custom_class"
     uk-height-match="target: .uk-card-default; row: false">
   <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
-  <li *ngFor="let result of results" class="uk-animation-fade">
+  <li *ngFor="let result of results">
     <div class="uk-card uk-card-default uk-card-body uk-position-relative uk-flex uk-flex-column uk-flex-center"
         [class.uk-disabled]="!hasPermission(result)">
       <div>
diff --git a/searchPages/searchUtils/searchResult.component.html b/searchPages/searchUtils/searchResult.component.html
index 290f0c90..59631a29 100644
--- a/searchPages/searchUtils/searchResult.component.html
+++ b/searchPages/searchUtils/searchResult.component.html
@@ -1,6 +1,6 @@
 <ul class="uk-list uk-list-xlarge uk-margin" [ngClass]="custom_class">
   <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
-  <li *ngFor="let result of previewResults" class="uk-animation-fade">
+  <li *ngFor="let result of previewResults">
 		<result-preview [properties]="properties" [showOrganizations]="showOrganizations"
 										[showSubjects]="showSubjects" [result]="result" [showEnermaps]="showEnermaps"
 										[isCard]="true">