From 9a6a052608352e8c600219c87eb91f908a46da4d Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 14 Mar 2022 17:18:02 +0100
Subject: [PATCH] update modal content on text edit click button

---
 .../form/option-link/option-link.component.html          | 5 ++---
 .../form/option-link/option-link.component.scss          | 9 +++++++++
 .../form/option-link/option-link.component.ts            | 2 ++
 src/styles/dev-utilities/_helpers.scss                   | 5 ++++-
 src/styles/partials/_buttons.scss                        | 1 +
 5 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/app/features/administration/form/option-link/option-link.component.html b/src/app/features/administration/form/option-link/option-link.component.html
index c0aa478e..e61e8ed3 100644
--- a/src/app/features/administration/form/option-link/option-link.component.html
+++ b/src/app/features/administration/form/option-link/option-link.component.html
@@ -17,13 +17,12 @@
 		<div class="link-land">
 			<button
 				(click)="openLinkModal(choice)"
-				class="link-button has-background-icon-left is-filtered-icon-primary is-fullwidth"
+				class="has-no-border has-background-icon-left is-filtered-icon-primary is-fullwidth"
 				[ngClass]="{
 					'has-background-edit': url_href || url_display,
-					'has-background-link-icon': url_href || url_display
+					'has-background-link-icon': !url_href && !url_display
 				}"
 			>
-				<!--			{{evalChoiceUrl(choice)}}	, -->
 				{{ evalChoiceUrl(choice) | translate }}
 			</button>
 		</div>
diff --git a/src/app/features/administration/form/option-link/option-link.component.scss b/src/app/features/administration/form/option-link/option-link.component.scss
index 98c1bb6f..95e06e08 100644
--- a/src/app/features/administration/form/option-link/option-link.component.scss
+++ b/src/app/features/administration/form/option-link/option-link.component.scss
@@ -2,6 +2,12 @@
 	.down-line-button-container,
 	.link-land {
 		margin-left: -1rem;
+		button {
+			background-color: transparent;
+			display: block;
+			width: 100%;
+			text-align: left;
+		}
 	}
 	.image-preview {
 		border-radius: 100%;
@@ -11,5 +17,8 @@
 	}
 	.href-preview {
 		color: #6359cf;
+		a {
+			text-decoration: underline;
+		}
 	}
 }
diff --git a/src/app/features/administration/form/option-link/option-link.component.ts b/src/app/features/administration/form/option-link/option-link.component.ts
index eaddedb1..1f4ae8a3 100644
--- a/src/app/features/administration/form/option-link/option-link.component.ts
+++ b/src/app/features/administration/form/option-link/option-link.component.ts
@@ -23,6 +23,8 @@ export class OptionLinkComponent implements OnInit {
 
 	openLinkModal(choice: ChoiceText) {
 		this.choice_for_modal = choice;
+		this.url_href = '' + choice.url_href;
+		this.url_display = '' + choice.url_display;
 		this.display_option_dialog = true;
 	}
 
diff --git a/src/styles/dev-utilities/_helpers.scss b/src/styles/dev-utilities/_helpers.scss
index 00643991..64aeaf15 100644
--- a/src/styles/dev-utilities/_helpers.scss
+++ b/src/styles/dev-utilities/_helpers.scss
@@ -85,8 +85,8 @@
 .has-no-padding {
 	padding: 0;
 }
-// filters made with https://codepen.io/sosuke/pen/Pjoqqp
 
+// filters made with https://codepen.io/sosuke/pen/Pjoqqp
 .is-filtered-icon-primary {
 	filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%);
 }
@@ -109,6 +109,9 @@
 }
 .has-background-icon-left {
 	padding-left: 44px;
+	&:hover {
+		color: $secondary_color;
+	}
 }
 // icone bg
 .has-background-transparent {
diff --git a/src/styles/partials/_buttons.scss b/src/styles/partials/_buttons.scss
index 121743fe..ba3c2c24 100644
--- a/src/styles/partials/_buttons.scss
+++ b/src/styles/partials/_buttons.scss
@@ -197,6 +197,7 @@ a {
 		line-height: 20px;
 		@extend .outlined;
 		margin-top: -0.5rem;
+		background-color: transparent;
 
 		&:hover {
 			color: $white !important;