[Explore & Library & common-assets | new-theme]: No animation in sticky tabs | Tabs stop being sticky when bottom component is in viewport | Updates in powered by bottom message | Updates in statistics in datasource landing.

1. landing-utils.css: Commented transition ease-out in #main-tabs-div.
2. app.component.ts: Added id="bottom" in <bottom>.
3. newSearchPage.component.html: Updated "Powered by OpenAIRE Research Graph" to make the link underlined on hover.
4. metrics.component.ts: Add classes "uk-text-small uk-text-meta" in "Powered by".
5. resultLanding.component.html & project.component.html & dataProvider.component.html:
   a. Updated "Powered by OpenAIRE Research Graph" to make the link underlined on hover.
   b. Add uk-sticky attribute in id="main-tabs-div" only if shouldSticky is true (bottom is not in the viewport).
6. resultLanding.component.ts & project.component.ts & dataProvider.component.ts: Added fields shouldSticky and observer, check in ngAfterViewInit() if bottom is intersecting and kill the observer in ngOnDestroy().
7. statisticsTab.component.ts: Added customContainerClass="uk-background-default" customIframeClass="uk-blend-multiply" in <i-frame>.
8. showAuthors.component.ts: [Bug fix] In "View less authors" make only the link clickable, not the whole row.
This commit is contained in:
Konstantina Galouni 2022-05-04 18:09:35 +03:00
parent 574f63ebfd
commit e322594022
1 changed files with 2 additions and 2 deletions

View File

@ -382,7 +382,7 @@
}
#main-tabs-div.active {
transition: background-color 0.3s ease-out 0s, top 0.5s ease-out 0s;
/*transition: background-color 0.3s ease-out 0s, top 0.5s ease-out 0s;*/
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
@ -391,7 +391,7 @@
background: rgba(var(--landing-default-color-rgb), 0.95);
top: 0;
position: relative;
transition: background-color 0.3s ease-out 0s, top 0.2s ease-out 0s;
/*transition: background-color 0.3s ease-out 0s, top 0.2s ease-out 0s;*/
}
#graph_and_feedback {