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 691f7fe7..c0aa478e 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 @@ -4,34 +4,29 @@ -
+
-
- image +
+ image
- {{ choice.url_href }} + {{ choice.url_href }}
- - - -
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;