MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

styling changes 

*finalize dmp dialog
This commit is contained in:
Sofia Papacharalampous 2024-03-20 13:18:37 +02:00
parent 15824ab952
commit 8e5c6e3579
2 changed files with 83 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dmp-frontend/src/app/ui/dmp/dmp-finalize-dialog/dmp-finalize-dialog.component.html
View File

@ -1,10 +1,11 @@
<div class="row d-flex flex-row"> <div class="finalize-dialog-wrapper">
<div class="row d-flex flex-row">
<div mat-dialog-title class="col-auto">{{ 'DMP-FINALISE-DIALOG.TITLE' | translate }}</div> <div mat-dialog-title class="col-auto">{{ 'DMP-FINALISE-DIALOG.TITLE' | translate }}</div>
<div class="col-auto close-btn ml-auto" (click)="close()"> <div class="col-auto close-btn ml-auto" (click)="close()">
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</div> </div>
</div> </div>
<div mat-dialog-content class="pt-2 pb-2"> <div mat-dialog-content class="pt-2 pb-2">
<div class="container"> <div class="container">
<mat-accordion [multi]="true"> <mat-accordion [multi]="true">
<mat-expansion-panel> <mat-expansion-panel>
@ -59,8 +60,8 @@
{{'DMP-FINALISE-DIALOG.VALIDATION.AT-LEAST-ONE-DESCRPIPTION-FINALISED' | translate}} {{'DMP-FINALISE-DIALOG.VALIDATION.AT-LEAST-ONE-DESCRPIPTION-FINALISED' | translate}}
</mat-error> </mat-error>
</div> </div>
</div> </div>
<div *ngIf="getFinalizedDescriptions().length != 0"> <div *ngIf="getFinalizedDescriptions().length != 0">
<div class="row pt-2 pb-2 pl-4 pr-4"> <div class="row pt-2 pb-2 pl-4 pr-4">
{{ 'DMP-FINALISE-DIALOG.IMPACT' | translate }} {{ 'DMP-FINALISE-DIALOG.IMPACT' | translate }}
</div> </div>
@ -70,13 +71,14 @@
<div *ngIf="dmp.accessType == dmpAccessTypeEnum.Restricted" class="row pl-4 pr-4"> <div *ngIf="dmp.accessType == dmpAccessTypeEnum.Restricted" class="row pl-4 pr-4">
{{ 'DMP-FINALISE-DIALOG.RESTRICTED-DMP-MESSAGE' | translate }} {{ 'DMP-FINALISE-DIALOG.RESTRICTED-DMP-MESSAGE' | translate }}
</div> </div>
</div> </div>
<div mat-dialog-actions class="d-flex justify-content-end mb-1"> <div mat-dialog-actions class="d-flex justify-content-end mb-1">
<div class="col-auto"> <div class="col-auto">
<button mat-raised-button cdkFocusInitial (click)="close()" class="cancel-btn">{{ 'DMP-FINALISE-DIALOG.ACTIONS.CANCEL' | translate }}</button> <button mat-raised-button cdkFocusInitial (click)="close()" class="cancel-btn">{{ 'DMP-FINALISE-DIALOG.ACTIONS.CANCEL' | translate }}</button>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<button mat-raised-button [disabled]="getFinalizedDescriptions().length === 0 && descriptionsToBeFinalized.length === 0" class="submit-btn" (click)="onSubmit()">{{ 'DMP-FINALISE-DIALOG.ACTIONS.SUBMIT' | translate }}</button> <button mat-raised-button [disabled]="getFinalizedDescriptions().length === 0 && descriptionsToBeFinalized.length === 0" class="submit-btn" (click)="onSubmit()">{{ 'DMP-FINALISE-DIALOG.ACTIONS.SUBMIT' | translate }}</button>
</div> </div>
</div>
</div> </div>

4
dmp-frontend/src/app/ui/dmp/dmp-finalize-dialog/dmp-finalize-dialog.component.scss
View File

@ -1,3 +1,7 @@
.finalize-dialog-wrapper {
padding: 1.0rem;
}
.styleBorder { .styleBorder {
border: 0.2em solid lightgray; border: 0.2em solid lightgray;
border-radius: 0.5em; border-radius: 0.5em;