[Trunk | Library]: (Changes needed for community background in connect portal)

1. directLinking.component.html & myClaims.component.ts & errorPage.component.ts: Move 'uk-margin-small-top' class inside id="tm-main".
2. linkingGeneric.component.html: Add class 'white-box-with-border uk-padding-small'.
3. depositFirstPage.component.ts: Remove class 'communityBackground' | Move helptext inside <div class="uk-section">.
4. searchDataprovidersToDeposit.component.ts: Remove 'communityBackground' class | Remove 'uk-margin-top' from tag with class 'communityPanelBackground'.
5. dataProvider.component.html & organization.component.html & project.component.html & resultLanding.component.html: Remove 'uk-margin-small-top' class from id="tm-main" | Add 'uk-margin-medium-top' in container.
6. newSearchPage.component.html & searchPageTableView.component.html: Remove class 'communityBackground'.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58649 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-05-07 17:20:33 +00:00
parent 677e1a3c70
commit b6f936868e
12 changed files with 24 additions and 22 deletions

View File

@ -3,8 +3,8 @@
[piwikSiteId]="piwikSiteId" pageTitle="Direct Linking"> [piwikSiteId]="piwikSiteId" pageTitle="Direct Linking">
</linking-generic> </linking-generic>
<div *ngIf="validInput== false" id="tm-main" class=" uk-section uk-margin-small-top uk-padding-remove-top tm-middle"> <div *ngIf="validInput== false" id="tm-main" class=" uk-section uk-padding-remove-top tm-middle">
<div class="uk-grid"> <div class="uk-grid uk-margin-small-top">
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container uk-margin-top"> <div class="uk-container uk-margin-top">
<div class="uk-article-title custom-article-title"> <div class="uk-article-title custom-article-title">

View File

@ -18,7 +18,7 @@
<!-- <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>--> <!-- <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>-->
<div class="uk-width-expand"> <div class="uk-width-expand">
<div *ngIf="properties" class="uk-section uk-section-default uk-padding-remove-top"> <div *ngIf="properties" class="uk-section uk-section-default white-box-with-border uk-padding-small uk-padding-remove-top">
<div style="" <div style=""
[class]="((showOptions.show == 'claim')?'':' uk-margin-top ')+' uk-container uk-container-large '"> [class]="((showOptions.show == 'claim')?'':' uk-margin-top ')+' uk-container uk-container-large '">

View File

@ -8,8 +8,8 @@ import {Router} from "@angular/router";
@Component({ @Component({
selector: 'my-claims', selector: 'my-claims',
template: ` template: `
<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> <div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle">
<div class="uk-grid" > <div class="uk-grid uk-margin-small-top" >
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container"> <div class="uk-container">

View File

@ -135,7 +135,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
</div> </div>
</div> </div>
</div> </div>
<div class="communityBackground"> <div class="">
<schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other"></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other"></schema2jsonld>
<div class="uk-section tm-middle uk-container uk-container-large uk-margin-small-top uk-padding-remove-top uk-padding-remove-bottom "> <div class="uk-section tm-middle uk-container uk-container-large uk-margin-small-top uk-padding-remove-top uk-padding-remove-bottom ">
<div class="uk-container uk-container-large uk-margin-bottom uk-margin-medium-top"> <div class="uk-container uk-container-large uk-margin-bottom uk-margin-medium-top">
@ -203,8 +203,10 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
</div> </div>
</div> </div>
</div>--> </div>-->
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper> <div class="uk-section">
</div> <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
</div>
</div>
` `
}) })

View File

@ -17,7 +17,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
template: ` template: `
<div class="uk-section uk-padding-remove-bottom uk-padding-remove-top"> <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
<div class="explorePanelBackground communityPanelBackground uk-margin-top uk-padding-small"> <div class="explorePanelBackground communityPanelBackground uk-padding-small">
<div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom"> <div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">
<!--<ul class="uk-breadcrumb"> <!--<ul class="uk-breadcrumb">
<li><a class="breadcrumb" routerLinkActive="router-link-active" [routerLink]="depositLearnHowPage" <li><a class="breadcrumb" routerLinkActive="router-link-active" [routerLink]="depositLearnHowPage"
@ -30,7 +30,7 @@ import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
</div> </div>
</div> </div>
</div> </div>
<div class="communityBackground"> <div class="">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<form <form

View File

@ -9,8 +9,8 @@ import {SEOService} from "../sharedComponents/SEO/SEO.service";
@Component({ @Component({
selector: 'error', selector: 'error',
template: ` template: `
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle"> <div id="tm-main" class=" uk-section tm-middle">
<div uk-grid> <div uk-grid class="uk-margin-small-top">
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container"> <div class="uk-container">
<h2> <h2>

View File

@ -16,11 +16,11 @@
</div> </div>
</ng-template> </ng-template>
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> <div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle">
<div *ngIf="!showFeedback" uk-grid> <div *ngIf="!showFeedback" uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div id="datasource" class="uk-container uk-container-large datasource"> <div id="datasource" class="uk-container uk-container-large uk-margin-medium-top datasource">
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top"
role="alert">{{warningMessage}}</div> role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top"

View File

@ -1,7 +1,7 @@
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> <div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle">
<div *ngIf="!showFeedback" uk-grid> <div *ngIf="!showFeedback" uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container uk-container-large organization"> <div class="uk-container uk-container-large uk-margin-medium-top organization">
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top"
role="alert">{{warningMessage}}</div> role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top"

View File

@ -89,11 +89,11 @@
</div> </div>
</ng-template> </ng-template>
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> <div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle">
<div *ngIf="!showFeedback" uk-grid> <div *ngIf="!showFeedback" uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div id="project" class="uk-container uk-container-large project"> <div id="project" class="uk-container uk-container-large uk-margin-medium-top project">
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top"
role="alert">{{warningMessage}}</div> role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top"

View File

@ -1,7 +1,7 @@
<div id="tm-main" class="landing uk-section uk-padding-remove-top uk-margin-small-top tm-middle"> <div id="tm-main" class="landing uk-section uk-padding-remove-top tm-middle">
<div *ngIf="!showFeedback" uk-grid> <div *ngIf="!showFeedback" uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<div class="uk-container uk-container-large publication"> <div class="uk-container uk-container-large uk-margin-medium-top publication">
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top"
role="alert">{{warningMessage}}</div> role="alert">{{warningMessage}}</div>
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top"

View File

@ -113,7 +113,7 @@
<div id="tm-main" class=" tm-middle communityBackground"> <div id="tm-main" class=" tm-middle">
<div uk-grid> <div uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<!-- <breadcrumbs *ngIf="showBreadcrumb && entityType!='community'"--> <!-- <breadcrumbs *ngIf="showBreadcrumb && entityType!='community'"-->

View File

@ -116,7 +116,7 @@
</div> </div>
<schema2jsonld *ngIf="url" [URL]="url" type="search" [name]=pageTitle [searchAction]=false></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" type="search" [name]=pageTitle [searchAction]=false></schema2jsonld>
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle communityBackground" > <div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle " >
<div uk-grid> <div uk-grid>
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first "> <div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
<breadcrumbs *ngIf="showBreadcrumb && includeOnlyResultsAndFilter" <breadcrumbs *ngIf="showBreadcrumb && includeOnlyResultsAndFilter"