update modal content on text edit click button

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>

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;
+		}
 	}
 }

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;
 	}
 

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 {

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;