[Aggregator & Library | new-theme]: Fixes in search forms and logo | Removed animation in card results | Added service landing links for incompatible datasources in eosc portal.

1. home.component.html:
   a. Removed uk-margin-large-top from search form and logo.
   b. Removed uk-height-medium from  search form and logo.
   c. Move searchImage on top of search form (uk-width-1-1) for small screens.
2. searchMyOrcidResults.component.html: Removed animation with uk-scrollspy.
3. searchAll.component.html: Move searchImage on top of search form (uk-width-1-1) for small screens.
4. newSearchPage.component.html:
   a. Removed animation with uk-scrollspy.
   b. For simple search, move searchImage on top of search form (uk-width-1-1) for small screens.
   c. For advanced search, searchImage is on top of search form for any screen size.
5. result-preview.component.html & result-preview.component.ts: For eosc portalType, added in incompatible datasources link to the service landing page.
6. aggregators.ts:
   a. In #searchImage commented custom margin-left.
   b. In #searchForm commented custom padding and width.
   c. Exclude also .uk-button-link from custom css for buttons with parent .search_box_bg or #searchForm.
This commit is contained in:
Konstantina Galouni 2022-05-20 15:20:50 +03:00
parent 8629d61a95
commit a551ed38a9
3 changed files with 12 additions and 9 deletions

View File

@ -66,9 +66,11 @@
</div>
</div>
</div>-->
<div class="uk-section uk-margin-large-top uk-margin-large-bottom uk-grd uk-flex uk-overflow-hidden home-background">
<div id="searchImage" class="uk-margin-medium-top uk-margin-small-right "></div>
<div class="uk-width-expand search_box_bg uk-height-medium" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-section uk-margin-large-left uk-margin-large-bottom uk-grd uk-flex uk-overflow-hidden home-background">
<!-- <div id="searchImage" class="uk-margin-medium-top uk-margin-small-right "></div>-->
<div class="uk-grid uk-width-1-1">
<div class="uk-width-1-1 uk-width-auto@m uk-margin-medium-top"><div id="searchImage"></div></div>
<div class="uk-width-expand search_box_bg" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top uk-width-3-5@m" uk-scrollspy-class>
<advanced-search-input (searchEmitter)="goTo(true)">
@ -85,6 +87,7 @@
</div>
</div>
</div>
</div>
</div>
</div>

@ -1 +1 @@
Subproject commit 8154b9f307e123bde931f5976677d23c2ab182e8
Subproject commit 35d91a5fc63272cc0709064ba81ca5675185ae61

View File

@ -111,15 +111,15 @@ background: url('https://marketplace.eosc-portal.eu/packs/media/images/eosc-logo
width: 250px;
height: 80px;
background-size: 250px 80px;
margin-left: 80px;
/*margin-left: 80px;*/
}
#searchForm advanced-search-form{
float:right;
}
#searchForm{
padding:0;
width:100%;
max-width:100%;
/*padding:0;*/
/*width:100%;*/
/*max-width:100%;*/
}
search-filter h6::after{
border-bottom: 1px solid gray;
@ -170,7 +170,7 @@ border-bottom:1px solid #ced4da;
border:none !important;
}
.search_box_bg .uk-button, #searchForm .uk-button:not(.uk-button-text), .search_box_bg .uk-button:hover, #searchForm .uk-button:hover:not(.uk-button-text) {
.search_box_bg .uk-button, #searchForm .uk-button:not(.uk-button-text):not(.uk-button-link), .search_box_bg .uk-button:hover, #searchForm .uk-button:hover:not(.uk-button-text):not(.uk-button-link) {
border-radius: 0px;
margin-left: 0px !important;
color: rgb(102, 102, 102) !important;