hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[CST-5668] fix issue with cards margin with small window

Browse Source
This commit is contained in:
Giuseppe Digilio
2022-06-14 18:21:33 +02:00
parent 09be33582b
commit 94281fd60e
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/item-page/orcid-page/orcid-auth/orcid-auth.component.html
View File

@@ -1,12 +1,12 @@
<div class="container"> <div class="container mb-5">
<h2>{{'person.orcid.registry.auth' | translate}}</h2> <h2>{{'person.orcid.registry.auth' | translate}}</h2>
<ng-container *ngIf="(isLinkedToOrcid() | async); then orcidLinked; else orcidNotLinked"></ng-container> <ng-container *ngIf="(isLinkedToOrcid() | async); then orcidLinked; else orcidNotLinked"></ng-container>
</div> </div>
<ng-template #orcidLinked> <ng-template #orcidLinked>
<div data-test="orcidLinked"> <div data-test="orcidLinked">
<div class="row mb-3"> <div class="row">
<div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6" data-test="hasOrcidAuthorizations"> <div *ngIf="(hasOrcidAuthorizations() | async)" class="col-sm-6 mb-3" data-test="hasOrcidAuthorizations">
<div class="card h-100"> <div class="card h-100">
<div class="card-header">{{ 'person.page.orcid.granted-authorizations'| translate }}</div> <div class="card-header">{{ 'person.page.orcid.granted-authorizations'| translate }}</div>
<div class="card-body"> <div class="card-body">
@@ -20,7 +20,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6 mb-3">
<div class="card h-100"> <div class="card h-100">
<div class="card-header">{{ 'person.page.orcid.missing-authorizations'| translate }}</div> <div class="card-header">{{ 'person.page.orcid.missing-authorizations'| translate }}</div>
<div class="card-body"> <div class="card-body">

2
src/app/item-page/orcid-page/orcid-page.component.html
View File

@@ -13,6 +13,6 @@
<ds-alert [type]="'alert-danger'">{{'person.page.orcid.link.error.message' | translate}}</ds-alert> <ds-alert [type]="'alert-danger'">{{'person.page.orcid.link.error.message' | translate}}</ds-alert>
</div> </div>
<ng-container *ngIf="!(processingConnection | async) && (item | async) && (connectionStatus | async)" > <ng-container *ngIf="!(processingConnection | async) && (item | async) && (connectionStatus | async)" >
<ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" class="mb-5" data-test="orcid-auth"></ds-orcid-auth> <ds-orcid-auth [item]="(item | async)" (unlink)="updateItem()" data-test="orcid-auth"></ds-orcid-auth>
<ds-orcid-sync-setting *ngIf="isLinkedToOrcid()" [item]="(item | async)" data-test="orcid-sync-setting"></ds-orcid-sync-setting> <ds-orcid-sync-setting *ngIf="isLinkedToOrcid()" [item]="(item | async)" data-test="orcid-sync-setting"></ds-orcid-sync-setting>
</ng-container> </ng-container>

10
src/app/item-page/orcid-page/orcid-sync-settings/orcid-sync-settings.component.html
View File

@@ -1,4 +1,4 @@
<div class="container"> <div class="container mb-5">
<h2>{{'person.orcid.sync.setting' | translate}}</h2> <h2>{{'person.orcid.sync.setting' | translate}}</h2>
<form #f="ngForm" (ngSubmit)="onSubmit(f.form)"> <form #f="ngForm" (ngSubmit)="onSubmit(f.form)">
<div class="row mb-3"> <div class="row mb-3">
@@ -25,8 +25,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row">
<div class="col-md"> <div class="col-md mb-3">
<div class="card h-100" data-test="sync-mode-publication"> <div class="card h-100" data-test="sync-mode-publication">
<div class="card-header">{{ 'person.page.orcid.publications-preferences'| translate }}</div> <div class="card-header">{{ 'person.page.orcid.publications-preferences'| translate }}</div>
<div class="card-body"> <div class="card-body">
@@ -49,7 +49,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md"> <div class="col-md mb-3">
<div class="card h-100" data-test="sync-mode-funding"> <div class="card h-100" data-test="sync-mode-funding">
<div class="card-header">{{ 'person.page.orcid.funding-preferences'| translate }}</div> <div class="card-header">{{ 'person.page.orcid.funding-preferences'| translate }}</div>
<div class="card-body"> <div class="card-body">
@@ -71,7 +71,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md"> <div class="col-md mb-3">
<div class="card h-100" data-test="profile-preferences"> <div class="card h-100" data-test="profile-preferences">
<div class="card-header">{{ 'person.page.orcid.profile-preferences'| translate }}</div> <div class="card-header">{{ 'person.page.orcid.profile-preferences'| translate }}</div>
<div class="card-body"> <div class="card-body">