[master] all pages: align search bars with mocks, change national page's banner heading size

This commit is contained in:
Alex Martzios 2023-12-08 13:40:31 +02:00
parent 9c9771acfd
commit 127af64285
6 changed files with 9 additions and 8 deletions

View File

@ -21,7 +21,7 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
<div class="uk-banner uk-light"> <div class="uk-banner uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<h1 class="uk-h2">{{entities.country}} {{entities.stakeholder}}</h1> <h1 class="uk-h4 uk-margin-small-bottom">{{entities.country}} {{entities.stakeholder}}</h1>
</div> </div>
</div> </div>
<div class="uk-banner-footer"> <div class="uk-banner-footer">

View File

@ -5,7 +5,7 @@
</ng-container> </ng-container>
<div *ngIf="!showLoading" class="uk-container uk-container-large"> <div *ngIf="!showLoading" class="uk-container uk-container-large">
<div class="uk-flex uk-flex-middle uk-flex-center"> <div class="uk-flex uk-flex-middle uk-flex-center">
<div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'border-bottom'" [iconPosition]="'left'" <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'flat'" [iconPosition]="'left'"
placeholder="Search for {{typeAsLabel}}s" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s"> placeholder="Search for {{typeAsLabel}}s" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s">
</div> </div>
</div> </div>

View File

@ -1,6 +1,6 @@
<div class="uk-flex uk-flex-center"> <div class="uk-flex uk-flex-center">
<div search-input [(value)]="keyword" [placeholder]="'Search for author or ORCID...'" [disabled]="orcidStatus ==errorCodes.LOADING" <div search-input [(value)]="keyword" [placeholder]="'Search for author or ORCID...'" [disabled]="orcidStatus ==errorCodes.LOADING"
[searchInputClass]="'border-bottom'" [iconPosition]="'left'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s"></div> [searchInputClass]="'flat'" [iconPosition]="'left'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s"></div>
</div> </div>
<div class="uk-margin-large-top"> <div class="uk-margin-large-top">

View File

@ -10,10 +10,11 @@ import {OpenaireEntities} from "../../../openaireLibrary/utils/properties/search
<div class=" uk-flex uk-flex-center "> <div class=" uk-flex uk-flex-center ">
<div> <div>
<div class=" uk-flex uk-flex-right"> <div class=" uk-flex uk-flex-right">
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="parameters">Advanced search</a> <a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="parameters"
class="uk-margin-xsmall-bottom uk-margin-xsmall-right">Advanced search</a>
</div> </div>
<div search-input [(value)]="keyword" [placeholder]="'Search by title, author, abstract, DOI, orcid...'" <div search-input [(value)]="keyword" [placeholder]="'Search by title, author, abstract, DOI, orcid...'"
[searchInputClass]="'inner background'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m"></div> [searchInputClass]="'flat'" [iconPosition]="'left'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m"></div>
</div> </div>
</div> </div>
<search-research-results *ngIf="customFilters" [customFilters]="customFilters" resultType="result" <search-research-results *ngIf="customFilters" [customFilters]="customFilters" resultType="result"

View File

@ -7,7 +7,7 @@
<div class="uk-flex uk-flex-middle uk-flex-between"> <div class="uk-flex uk-flex-middle uk-flex-between">
<div class="uk-visible@m uk-width-small"> <div class="uk-visible@m uk-width-small">
</div> </div>
<div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'border-bottom'" [iconPosition]="'left'" <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'flat'" [iconPosition]="'left'"
placeholder="Search for {{typeAsLabel}} {{entities.stakeholders}}" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s"> placeholder="Search for {{typeAsLabel}} {{entities.stakeholders}}" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s">
</div> </div>
<div [class.uk-disabled]="stakeholders.length === 0" class="uk-flex uk-flex-middle uk-flex-right uk-width-small"> <div [class.uk-disabled]="stakeholders.length === 0" class="uk-flex uk-flex-middle uk-flex-right uk-width-small">

View File

@ -129,9 +129,9 @@
</div> </div>
<!-- Search and paging --> <!-- Search and paging -->
<div class="uk-flex uk-flex-middle uk-flex-right"> <div class="uk-flex uk-flex-middle uk-flex-right">
<div search-input [searchInputClass]="'border-bottom'" [iconPosition]="'left'" <div search-input [searchInputClass]="'flat'" [expandable]="true"
class="uk-width-medium@m uk-width-1-1@s" class="uk-width-medium@m uk-width-1-1@s"
placeholder="Search for DOIs"[value]="keyword" (valueChange)="updateKeyword($event)"> placeholder="Search for DOIs" [value]="keyword" (valueChange)="updateKeyword($event)">
</div> </div>
<!-- will this need an if? --> <!-- will this need an if? -->
<div class="uk-margin-small-left"> <div class="uk-margin-small-left">