diff --git a/src/app/form/structure-form/form.component.html b/src/app/form/structure-form/form.component.html index e0284a16ece7b31f5f9a1829555c358b7d2eede8..827a2522eb9ace02ee8be6f17ab4e6ae8684356d 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 1f4c918840b2e7372499ee5d14d3c16ae145e543..c21116ce490e1ec6b4c2a0eb6025a769abcac45f 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;