Deposit: Make section from large to normal and fix full screen modal

This commit is contained in:
Konstantinos Triantafyllou 2022-07-04 22:10:38 +03:00
parent f08c63d384
commit de829d2bcc
1 changed files with 20 additions and 29 deletions

View File

@ -21,7 +21,7 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<div class="uk-container uk-container-large uk-section uk-section-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<div style="max-width: 600px;">
@ -102,12 +102,12 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
</div>
</div>
</div>
<fs-modal #fsModal>
<div class="uk-height-viewport uk-padding uk-flex uk-flex-column uk-flex-middle uk-flex-center">
<div class="title uk-h2 uk-margin-large-bottom">
<fs-modal #fsModal classTitle="">
<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-middle">
<h2 class="uk-margin-large-bottom">
Find the appropriate repository.
</div>
<div class="cards uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;">
</h2>
<div class="uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;">
<div>
<div class="uk-card uk-card-default uk-text-center" style="width: 360px;">
<div class="uk-card-body uk-text-small">
@ -116,14 +116,11 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
Search and browse for <span class="uk-text-bold">OpenAIRE compliant repositories</span> registered in OpenDOAR and re3data.
</div>
</div>
<a routerLink="/participate/deposit/search" type="submit" (click)="closeFsModal()"
class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
<button class="uk-button uk-button-text">
<span class="uk-flex uk-flex-middle">
<span>OpenAIRE compliant repositories</span>
</span>
</button>
</a>
<div class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
<a class="uk-button uk-button-text" routerLink="/participate/deposit/search" (click)="closeFsModal()">
OpenAIRE compliant repositories
</a>
</div>
</div>
</div>
<div>
@ -134,23 +131,17 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
Deposit your research in <span class="uk-text-bold">Zenodo repository</span>
</div>
</div>
<a *ngIf="zenodoInformation.shareInZenodoUrl" type="submit" (click)="closeFsModal()"
routerLinkActive="router-link-active" [routerLink]="zenodoInformation.shareInZenodoUrl"
class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
<button class="uk-button uk-button-text">
<span class="uk-flex uk-flex-middle">
<div *ngIf="zenodoInformation.shareInZenodoUrl" class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
<a class="uk-button uk-button-text" [routerLink]="zenodoInformation.shareInZenodoUrl" (click)="closeFsModal()">
Use related Zenodo communities
</span>
</button>
</a>
<a *ngIf="!zenodoInformation.shareInZenodoUrl" target="_blank" type="submit" href="{{zenodoInformation.url}}"
class="uk-card-footer uk-padding-small uk-link-reset uk-tile-primary uk-flex uk-flex-center uk-light">
<button class="uk-button uk-button-text">
<span class="uk-flex uk-flex-middle">
</a>
</div>
<div *ngIf="!zenodoInformation.shareInZenodoUrl"
class="uk-card-footer uk-padding-small uk-tile-primary uk-flex uk-flex-center uk-light">
<a class="uk-button uk-button-text" [href]="zenodoInformation.url" target="_blank">
Zenodo Repository
</span>
</button>
</a>
</a>
</div>
</div>
</div>
</div>