From d1612790d77d6e685f84831f64eaed30b85776f0 Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Tue, 11 Jan 2022 14:35:34 +0100
Subject: [PATCH] fix(structure-form): update internet add/remove items text
---
src/app/form/structure-form/form.component.html | 14 ++++++++++++--
src/app/form/structure-form/form.component.scss | 4 ++++
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/app/form/structure-form/form.component.html b/src/app/form/structure-form/form.component.html
index e0284a16e..827a2522e 100644
--- a/src/app/form/structure-form/form.component.html
+++ b/src/app/form/structure-form/form.component.html
@@ -628,7 +628,10 @@
<div class="collapse" [ngClass]="{ notCollapsed: !showWebsite }">
<div fxLayout="column">
<div class="collapseHeader" fxLayout="row" fxLayoutAlign=" center" (click)="toggleWebSite()">
- <div class="titleCollapse">J’ajoute un site web</div>
+ <div class="titleCollapse">
+ <p [ngClass]="{ show: showWebsite, hide: !showWebsite }" class="no-margin">J'ajoute un site web</p>
+ <p [ngClass]="{ show: !showWebsite, hide: showWebsite }" class="no-margin">Je retire un site web</p>
+ </div>
<div class="logo">
<svg class="show" aria-hidden="true">
<use [attr.xlink:href]="'assets/form/sprite.svg#show'"></use>
@@ -671,7 +674,14 @@
<div class="collapse" [ngClass]="{ notCollapsed: !showSocialNetwork }">
<div fxLayout="column">
<div class="collapseHeader" fxLayout="row" fxLayoutAlign=" center" (click)="toggleSocialNetwork()">
- <div class="titleCollapse">J’ajoute les réseaux sociaux</div>
+ <div class="titleCollapse">
+ <p [ngClass]="{ show: showSocialNetwork, hide: !showSocialNetwork }" class="no-margin">
+ J’ajoute les réseaux sociaux
+ </p>
+ <p [ngClass]="{ show: !showSocialNetwork, hide: showSocialNetwork }" class="no-margin">
+ Je retire des réseaux sociaux
+ </p>
+ </div>
<div class="logo">
<svg class="show" aria-hidden="true">
<use [attr.xlink:href]="'assets/form/sprite.svg#show'"></use>
diff --git a/src/app/form/structure-form/form.component.scss b/src/app/form/structure-form/form.component.scss
index 1f4c91884..c21116ce4 100644
--- a/src/app/form/structure-form/form.component.scss
+++ b/src/app/form/structure-form/form.component.scss
@@ -439,6 +439,10 @@ img {
width: 100%;
@include cn-bold-16;
color: $grey-2;
+ p {
+ color: $grey-2;
+ @include cn-bold-16;
+ }
}
.collapseHeader {
height: 65px;
--
GitLab