[develop]: Fix margins in all pages.

This commit is contained in:
Konstantinos Triantafyllou 2024-06-18 14:05:37 +03:00
parent a512f80cb1
commit 7fde26d414
13 changed files with 109 additions and 102 deletions

View File

@ -60,7 +60,7 @@ import {UserManagementService} from "../openaireLibrary/services/user-management
</div> </div>
</div> </div>
</div> </div>
<div class="uk-margin-medium-top uk-margin-medium-bottom"> <div>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>

@ -1 +1 @@
Subproject commit 00724378a86009f91e4f81c5a24987d0a00276e9 Subproject commit 56b597231634016bd4bb0043019f91d481aaf746

View File

@ -3,7 +3,7 @@
<loading></loading> <loading></loading>
</div> </div>
</ng-container> </ng-container>
<div *ngIf="!showLoading" class="uk-container uk-container-large"> <div *ngIf="!showLoading" class="uk-container uk-container-large uk-section-small">
<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]="'flat'" [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"> placeholder="Search for {{typeAsLabel}} {{entities.stakeholders}}" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1">

View File

@ -124,7 +124,7 @@ import {properties as beta} from "../../environments/environment.beta";
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="!this.alias || this.stakeholder" class="uk-margin-medium-top uk-margin-medium-bottom"> <div *ngIf="!this.alias || this.stakeholder">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
<role-verification *ngIf="stakeholder" [id]="stakeholder.alias" [name]="stakeholder.name" <role-verification *ngIf="stakeholder" [id]="stakeholder.alias" [name]="stakeholder.name"

View File

@ -73,7 +73,7 @@ import {OpenaireEntities} from "../openaireLibrary/utils/properties/searchFields
</div> </div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom"> <div class="uk-container uk-container-large">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>

View File

@ -1,8 +1,8 @@
<div class="uk-section-small">
<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]="'flat'" [iconPosition]="'left'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div> [searchInputClass]="'flat'" [iconPosition]="'left'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div>
</div> </div>
<div class="uk-margin-large-top"> <div class="uk-margin-large-top">
<div *ngIf="orcidStatus == errorCodes.ERROR" class="uk-flex uk-flex-center"> <div *ngIf="orcidStatus == errorCodes.ERROR" class="uk-flex uk-flex-center">
<div class="uk-alert uk-alert-warning uk-text-center uk-width-2-3@m uk-width-1-1" role="alert"> <div class="uk-alert uk-alert-warning uk-text-center uk-width-2-3@m uk-width-1-1" role="alert">
@ -64,3 +64,4 @@
</div> </div>
</div> </div>
</div> </div>
</div>

View File

@ -84,7 +84,7 @@ import {properties as beta} from "../../environments/environment.beta";
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="!this.alias || this.stakeholder" class="uk-margin-medium-top uk-margin-medium-bottom"> <div *ngIf="!this.alias || this.stakeholder">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>

View File

@ -73,7 +73,7 @@ import {UserManagementService} from "../openaireLibrary/services/user-management
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="!this.alias || this.stakeholder" class="uk-margin-medium-top uk-margin-medium-bottom"> <div *ngIf="!this.alias || this.stakeholder">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>

View File

@ -6,13 +6,15 @@ import {CustomFilterService} from "../../../openaireLibrary/shared/customFilter.
@Component({ @Component({
selector: 'monitor-search-dataproviders', selector: 'monitor-search-dataproviders',
template: ` template: `
<div class="uk-flex uk-flex-center"> <div class="uk-flex uk-flex-center uk-margin-medium-bottom uk-margin-medium-top">
<div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical"> <div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical">
<div class=" uk-flex uk-flex-right"> <div class=" uk-flex uk-flex-right">
<a [routerLink]="properties.searchLinkToAdvancedDataProviders" [queryParams]="parameters">Advanced search</a> <a [routerLink]="properties.searchLinkToAdvancedDataProviders" [queryParams]="parameters">Advanced
search</a>
</div> </div>
<div search-input [(value)]="keyword" [placeholder]="'Search by name, description, subject...'" <div search-input [(value)]="keyword" [placeholder]="'Search by name, description, subject...'"
[searchInputClass]="'inner background'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div> [searchInputClass]="'inner background'" (searchEmitter)="search()"
class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div>
</div> </div>
</div> </div>
<search-dataproviders *ngIf="customFilters" <search-dataproviders *ngIf="customFilters"

View File

@ -6,13 +6,15 @@ import {CustomFilterService} from "../../../openaireLibrary/shared/customFilter.
@Component({ @Component({
selector: 'monitor-search-organizations', selector: 'monitor-search-organizations',
template: ` template: `
<div class=" uk-flex uk-flex-center "> <div class="uk-flex uk-flex-center uk-margin-medium-bottom uk-margin-medium-top">
<div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical"> <div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical">
<div class=" uk-flex uk-flex-right"> <div class=" uk-flex uk-flex-right">
<a [routerLink]="properties.searchLinkToAdvancedOrganizations" [queryParams]="parameters">Advanced search</a> <a [routerLink]="properties.searchLinkToAdvancedOrganizations" [queryParams]="parameters">Advanced
search</a>
</div> </div>
<div search-input [(value)]="keyword" [placeholder]="'Search by organization name...'" <div search-input [(value)]="keyword" [placeholder]="'Search by organization name...'"
[searchInputClass]="'inner background'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div> [searchInputClass]="'inner background'" (searchEmitter)="search()"
class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div>
</div> </div>
</div> </div>
<search-organizations *ngIf="customFilters" [customFilters]="customFilters" <search-organizations *ngIf="customFilters" [customFilters]="customFilters"

View File

@ -6,13 +6,15 @@ import {CustomFilterService} from "../../../openaireLibrary/shared/customFilter.
@Component({ @Component({
selector: 'monitor-search-projects', selector: 'monitor-search-projects',
template: ` template: `
<div class=" uk-flex uk-flex-center "> <div class="uk-flex uk-flex-center uk-margin-medium-bottom uk-margin-medium-top">
<div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical"> <div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical">
<div class=" uk-flex uk-flex-right"> <div class=" uk-flex uk-flex-right">
<a [routerLink]="properties.searchLinkToAdvancedProjects" [queryParams]="parameters">Advanced search</a> <a [routerLink]="properties.searchLinkToAdvancedProjects" [queryParams]="parameters">Advanced
search</a>
</div> </div>
<div search-input [(value)]="keyword" [placeholder]="'Search by title, acronym, project code...'" <div search-input [(value)]="keyword" [placeholder]="'Search by title, acronym, project code...'"
[searchInputClass]="'inner background'" (searchEmitter)="search()" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div> [searchInputClass]="'inner background'" (searchEmitter)="search()"
class="uk-width-xlarge@l uk-width-large@m uk-width-1-1"></div>
</div> </div>
</div> </div>
<search-projects *ngIf="customFilters" <search-projects *ngIf="customFilters"

View File

@ -7,7 +7,7 @@ import {OpenaireEntities} from "../../../openaireLibrary/utils/properties/search
@Component({ @Component({
selector: 'monitor-search-results', selector: 'monitor-search-results',
template: ` template: `
<div class=" uk-flex uk-flex-center uk-margin-medium-bottom"> <div class="uk-flex uk-flex-center uk-margin-medium-bottom uk-margin-medium-top">
<div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical"> <div class="uk-width-1-1 uk-width-auto@s uk-padding uk-padding-remove-vertical">
<div class=" uk-flex uk-flex-right"> <div class=" uk-flex uk-flex-right">
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="parameters" <a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="parameters"

View File

@ -3,7 +3,7 @@
<loading></loading> <loading></loading>
</div> </div>
</ng-container> </ng-container>
<div *ngIf="!showLoading" class="uk-container uk-container-large"> <div *ngIf="!showLoading" class="uk-container uk-container-large uk-section-small">
<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>