[Library & openaire-theme & Explore | new-theme]: Beta indication in fos & sdgs (search, landing, dedicated pages) | Fixes in offcanvas and search all page for small screens.

1. badge.css: [NEW] Css file for uk-badge added.
2. import.css: Added @import "structure/badge.css";
3. fos.component.html & sdg.component.html: Added beta badge on top left of the title.
4. landing-utils/fos.component.ts & landing-utils/sdg.component.ts: Added [Beta] in title.
5. searchFields.ts: In sdg and fos RESULT_FIELDS, added [Beta] in their names.
6. offcanvas.css: [Bug fix] In rule .offcanvas .uk-offcanvas-bar added "max-width: 100vw", so that offcanvas does not exceed the screen width.
7. searchAll.component.html: Added some classes in <advanced-search-form> and uk-slider to be better displayed in small screens (form within page with some horizontal margins and arrows in slider).
This commit is contained in:
Konstantina Galouni 2022-05-30 15:36:33 +03:00
parent 0b53cea58a
commit 945e2c6fc7
3 changed files with 13 additions and 3 deletions

View File

@ -7,8 +7,13 @@
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200"> <div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid> <div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center"> <div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<span class="uk-align-left uk-margin-remove-bottom">
<span uk-scrollspy-class class="uk-badge beta">Beta</span>
</span>
<div style="max-width: 600px;"> <div style="max-width: 600px;">
<h1 uk-scrollspy-class>Fields of Science<span class="uk-text-primary">.</span></h1> <h1 uk-scrollspy-class class="uk-h1 uk-margin-remove-top">
<span>Fields of Science <span class="uk-text-primary">.</span></span>
</h1>
<div uk-scrollspy-class> <div uk-scrollspy-class>
We have integrated a Field-of-Science (FoS) taxonomy into our dataset to organize and discover research more effectively. Using the full capabilities of the OpenAIRE Research Graph (full-texts, citations, references, venues) we apply AI and bring forward any multidisciplinarity potential. We have integrated a Field-of-Science (FoS) taxonomy into our dataset to organize and discover research more effectively. Using the full capabilities of the OpenAIRE Research Graph (full-texts, citations, references, venues) we apply AI and bring forward any multidisciplinarity potential.
</div> </div>

@ -1 +1 @@
Subproject commit 95549185d91e436df8824c9e691ba82b011b5037 Subproject commit e9a2163136ba1a7c2e36d65ad0fe5b277d157478

View File

@ -7,7 +7,12 @@
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200"> <div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid> <div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center"> <div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<h1 uk-scrollspy-class>Science for UN Sustainable <br> Development Goals<span class="custom-sdg-dot"></span></h1> <span class="uk-align-left uk-margin-remove-bottom">
<span uk-scrollspy-class class="uk-badge beta">Beta</span>
</span>
<h1 uk-scrollspy-class class="uk-h1 uk-margin-remove-top">
<span>Science for UN Sustainable <br> Development Goals<span class="custom-sdg-dot"></span></span>
</h1>
<h2 uk-scrollspy-class class="uk-h5 uk-margin-remove-top"> <h2 uk-scrollspy-class class="uk-h5 uk-margin-remove-top">
Laying the foundation for new approaches and solutions. Laying the foundation for new approaches and solutions.
</h2> </h2>