From d9e0b270b19c56ea952afdd63d3230082efc2a57 Mon Sep 17 00:00:00 2001 From: Tykayn Date: Mon, 14 Mar 2022 17:49:59 +0100 Subject: [PATCH] step 3 text choice url display break word --- src/app/core/services/storage.service.ts | 5 +++++ .../form/option-link/option-link.component.scss | 6 ++++++ 2 files changed, 11 insertions(+) diff --git a/src/app/core/services/storage.service.ts b/src/app/core/services/storage.service.ts index 2866a082..37452010 100644 --- a/src/app/core/services/storage.service.ts +++ b/src/app/core/services/storage.service.ts @@ -43,6 +43,11 @@ export class StorageService { */ @LocalStorage() public choicesText: ChoiceText[] = [ + // { + // name: 'example choice text', + // url_display: 'https://www.cipherbliss.com/wp-content/uploads/2018/03/IMG_20180302_181945-300x169.jpg', + // url_href: 'https://www.cipherbliss.com/wp-content/uploads/2018/03/IMG_20180302_181945-300x169.jpg', + // }, { name: '', url_display: '', 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 95e06e08..36fb28f3 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 @@ -19,6 +19,12 @@ color: #6359cf; a { text-decoration: underline; + width: 84%; + float: left; + text-align: -webkit-left; + text-overflow: ellipsis; + max-width: 84%; + word-break: break-all; } } }