From 767638742b3b94e579c6fced2eddbd07402cc368 Mon Sep 17 00:00:00 2001
From: "CITE\\spapacharalampous" <Sofia Papacharalampous>
Date: Wed, 17 Jul 2024 13:28:21 +0300
Subject: [PATCH] ui fixes

---
 .../ui/description/editor/description-editor.component.html | 2 +-
 .../ui/description/editor/description-editor.component.ts   | 6 +++---
 .../plan/plan-editor-blueprint/plan-editor.component.html   | 2 +-
 .../plan/plan-editor-blueprint/plan-editor.component.scss   | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/ui/description/editor/description-editor.component.html b/frontend/src/app/ui/description/editor/description-editor.component.html
index f4e629805..705ae09fc 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.html
+++ b/frontend/src/app/ui/description/editor/description-editor.component.html
@@ -76,7 +76,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="container-fluid">
+			<div *ngIf="!isNewDescriptionDialogOpen" class="container-fluid">
 				<div class="row pt-2">
 					<div class="col-12">
 						<app-navigation-breadcrumb />
diff --git a/frontend/src/app/ui/description/editor/description-editor.component.ts b/frontend/src/app/ui/description/editor/description-editor.component.ts
index c08a43f3f..5cf384710 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.ts
+++ b/frontend/src/app/ui/description/editor/description-editor.component.ts
@@ -73,6 +73,7 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
 	reachedBase: boolean = true;
 	reachedLast: boolean = false;
 	reachedFirst: boolean = false;
+	isNewDescriptionDialogOpen: boolean = false;
 
 	anchorFieldsetId: string;
 	scrollToField: boolean = false;
@@ -155,7 +156,7 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
 				}
 				else if (planId != null && planSectionId != null) {
 					this.isNew = true;
-					this.reachedBase = false;
+					this.isNewDescriptionDialogOpen = true;
 					const dialogRef = this.dialog.open(NewDescriptionDialogComponent, {
 						width: '590px',
 						minHeight: '200px',
@@ -183,9 +184,8 @@ export class DescriptionEditorComponent extends BaseEditor<DescriptionEditorMode
 							} else if (result.descriptionTemplateId != null) {
 								this.formGroup.get('descriptionTemplateId').setValue(result.descriptionTemplateId);
 							}
-						} else {
-							this.reachedBase = true;
 						}
+						this.isNewDescriptionDialogOpen = false;
 					})
 				}
 				if (this.route.snapshot.url[1] && this.route.snapshot.url[1].path == 'finalize' && !this.lockStatus && !this.viewOnly) {
diff --git a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
index f5cefc153..4e6f728a7 100644
--- a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
+++ b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.html
@@ -141,7 +141,7 @@
 											<ol class="descriptionsInSection">
 												<li *ngFor="let description of descriptionsInSection(section.id); let descriptionIndex = index" (click)="editDescription(description.id, false)" class="active-description">
 													<div class="d-flex flex-direction-row">
-														<div class="label" matTooltip="{{description.label}}">{{'PLAN-EDITOR.DESCRIPTION' | translate}}: {{ description.label }}</div>
+														<div class="label" matTooltip="{{description.label}}" matTooltipPosition="right">{{'PLAN-EDITOR.DESCRIPTION' | translate}}: {{ description.label }}</div>
 														<div (click)="$event.stopPropagation(); removeDescription(description.id)"><mat-icon *ngIf="description.status !== descriptionStatusEnum.Finalized && canDeleteSection(section.id) && !formGroup.disabled" [ngClass]="{'drag-handle-disabled': formGroup.disabled}" class="ml-2 mr-2 remove-description size-16" matTooltip="{{'PLAN-EDITOR.ACTIONS.DELETE' | translate}}">close</mat-icon></div>
 														<mat-icon *ngIf="description.status === descriptionStatusEnum.Finalized" class="ml-2 mr-2 status-icon check-icon size-16" matTooltip="{{'TYPES.DESCRIPTION-STATUS.FINALIZED' | translate}}">check</mat-icon>
 													</div>
diff --git a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
index 0c09614fa..aef8fa680 100644
--- a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
+++ b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
@@ -81,7 +81,7 @@
 }
 
 .stepper-options {
-	height: calc(100vh - 650px);
+	height: calc(100vh - 550px);
     overflow-y: auto;
 }