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