From 273b9e0d614d1471e22b00ff62f21569ec869f3d Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Wed, 10 Feb 2021 17:04:25 +0100
Subject: [PATCH] fix(editForm) : add header name structure on page too
---
src/app/form/form.component.html | 4 +++-
src/app/form/form.component.scss | 13 +++++++++++--
2 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/src/app/form/form.component.html b/src/app/form/form.component.html
index 040e4cc7c..58d7bafd0 100644
--- a/src/app/form/form.component.html
+++ b/src/app/form/form.component.html
@@ -5,6 +5,9 @@
(closed)="hasRedirectionAccepted($event)"
></app-modal-confirmation>
<div class="content" *ngIf="!isLoading" [ngClass]="{ editMode: isEditMode }">
+ <div class="headerEditMode" *ngIf="isEditMode">
+ <h2>Modification de {{ editForm.get('structureName').value }}</h2>
+ </div>
<div class="returnBtnSection" *ngIf="isEditMode && currentPage != 0">
<button class="btn-primary previous" (click)="goToSpecificPage(0, false)">
<div class="rowBtn" fxLayout="row" fxLayoutAlign="center center">
@@ -44,7 +47,6 @@
</div>
</div>
<div *ngIf="currentPage == 0 && isEditMode" class="editHome page" fxLayout="column" fxLayoutAlign="space-between">
- <h2>Modification de la structure</h2>
<div>
<div class="summary" *ngFor="let page of pagesValidation; let index = index">
<div
diff --git a/src/app/form/form.component.scss b/src/app/form/form.component.scss
index cec676cd2..edf259514 100644
--- a/src/app/form/form.component.scss
+++ b/src/app/form/form.component.scss
@@ -82,7 +82,7 @@ h3 {
.content {
.editHome {
height: calc(
- 100vh - #{$header-height} - #{$footer-height} - 81px - 1px
+ 100vh - #{$header-height} - #{$footer-height} - 81px - 1px - 55px
) !important; // -1px because of header border
}
@media #{$tablet} {
@@ -93,7 +93,7 @@ h3 {
); // -1px because of header border
}
.editHome {
- height: calc(100vh - #{$header-height-phone} - 87px - 1px) !important; // -1px because of header border
+ height: calc(100vh - #{$header-height-phone} - 87px - 1px - 55px) !important; // -1px because of header border
}
}
}
@@ -495,3 +495,12 @@ img {
border: 0;
}
}
+.headerEditMode {
+ max-width: 960px;
+ margin: auto;
+ h2 {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+}
--
GitLab