[master] all pages: align search bars with mocks, change national page's banner heading size
This commit is contained in:
parent
9c9771acfd
commit
127af64285
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue