styling changes

*warning popup (on my-descriptions>edit>finalize) and save-expandable-button (on my-descriptions>edit)
This commit is contained in:
Sofia Papacharalampous 2024-03-19 11:13:32 +02:00
parent 6444575de3
commit 553fd05040
3 changed files with 6 additions and 7 deletions

View File

@ -59,10 +59,10 @@
<span class="d-flex flex-row row">
<span (click)="!saving?formSubmit():null" class="col">{{ 'DESCRIPTION-EDITOR.ACTIONS.SAVE' | translate }}</span>
<mat-divider [vertical]="true"></mat-divider>
<span *ngIf="!saving" class="align-items-center justify-content-center col-4 d-flex" (click)="$event.stopPropagation();" [matMenuTriggerFor]="menu">
<span *ngIf="!saving" class="align-items-center justify-content-center col d-flex" (click)="$event.stopPropagation();" [matMenuTriggerFor]="menu">
<mat-icon>expand_more</mat-icon>
</span>
<span *ngIf="saving" class="align-items-center justify-content-center col-4 d-flex">
<span *ngIf="saving" class="align-items-center justify-content-center col d-flex">
<mat-icon>expand_more</mat-icon>
</span>
</span>

View File

@ -1,9 +1,9 @@
<div class="form-content-editor-content">
<div mat-dialog-title class="row d-flex justify-content-between m-0">
<div mat-dialog-title class="d-flex justify-content-between m-0">
<span class="title">{{'GENERAL.FORM-VALIDATION-DISPLAY-DIALOG.WARNING' | translate}}</span>
<mat-icon class="close-icon" (click)="onClose()">close</mat-icon>
</div>
<div class="row content">
<div class="content">
<div class="col p-0">
<ng-container *ngIf="errorMessages">
<ul class="error-list" *ngIf="errorMessages.length > 1 else singleError">
@ -15,7 +15,7 @@
</ng-template>
</div>
</div>
<div class="row">
<div>
<div class="col actions">
<button mat-button type="button" class="ml-auto cancel-btn" (click)="onClose()">{{'GENERAL.FORM-VALIDATION-DISPLAY-DIALOG.ACTIONS.CANCEL' | translate}}</button>
</div>

View File

@ -1,6 +1,6 @@
.form-content-editor-content {
width: 33rem;
min-height: 14rem;
min-height: 15rem;
padding: 0.28rem 0.34rem 0rem 0.625rem;
}
@ -23,7 +23,6 @@
.content {
margin: 2.17rem 0rem 1.1875rem 0rem;
min-height: 6rem;
}
.text {