-
+
+
-
-
-
-
-
-
-
-
-
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 d1251662..98c1bb6f 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
@@ -3,4 +3,13 @@
.link-land {
margin-left: -1rem;
}
+ .image-preview {
+ border-radius: 100%;
+ width: 40px;
+ height: 40px;
+ margin-right: 1rem;
+ }
+ .href-preview {
+ color: #6359cf;
+ }
}
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 fbb421bb..eaddedb1 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
@@ -8,13 +8,17 @@ import { ChoiceText } from '../../../../core/models/choice.model';
styleUrls: ['./option-link.component.scss'],
})
export class OptionLinkComponent implements OnInit {
- public url_href: string;
- public url_display: string;
+ public url_href: string = '';
+ public url_display: string = '';
public choice_for_modal: ChoiceText; // choice to be modified after validation of modal
public display_option_dialog: boolean = false;
constructor(public StorageService: StorageService) {}
+ evalChoiceUrl(choice) {
+ return !choice.url_href && !choice.url_display ? 'choices.add_link' : 'SENTENCES.Edit';
+ }
+
ngOnInit(): void {}
openLinkModal(choice: ChoiceText) {
diff --git a/src/styles/dev-utilities/_helpers.scss b/src/styles/dev-utilities/_helpers.scss
index c3ff654f..00643991 100644
--- a/src/styles/dev-utilities/_helpers.scss
+++ b/src/styles/dev-utilities/_helpers.scss
@@ -128,6 +128,9 @@
.has-background-link-icon {
background: url('/assets/icons/link.svg') no-repeat 16px center;
}
+.has-background-edit {
+ background: url('/assets/icons/edit.svg') no-repeat 16px center;
+}
.has-background-plus {
background: url('/assets/icons/plus-circle.svg') no-repeat 16px center;
}
@@ -137,3 +140,7 @@
.is-block {
display: block;
}
+
+.has-nopadbottom {
+ padding-bottom: 0;
+}
diff --git a/src/styles/partials/_buttons.scss b/src/styles/partials/_buttons.scss
index 0108e858..121743fe 100644
--- a/src/styles/partials/_buttons.scss
+++ b/src/styles/partials/_buttons.scss
@@ -23,7 +23,7 @@ button,
a {
@extend .outlined;
text-align: center;
- padding: 10px 30px;
+ //padding: 10px 30px;
border: 1px solid transparent;
box-sizing: border-box;
border-radius: 4px;
@@ -196,6 +196,7 @@ a {
font-size: 16px;
line-height: 20px;
@extend .outlined;
+ margin-top: -0.5rem;
&:hover {
color: $white !important;