From eb74ef86b9f44e6603b8407fab625fc7931d84bd Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Tue, 13 Feb 2024 13:23:13 +0200 Subject: [PATCH] rich-text-editor.component.ts: Removed "backgroundColor" from toolbarHiddenButtons & added in customClasses "Highlight" option with custom "highlight" class | _type.scss: Added rules for "blockquote" and ".highlight" (added by rich text editor). --- .../rich-text-editor/rich-text-editor.component.ts | 5 +++-- dmp-frontend/src/assets/scss/core/_type.scss | 10 ++++++++++ 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts index 5453a6404..54f5702eb 100644 --- a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts +++ b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts @@ -47,7 +47,8 @@ export class RichTextEditorComponent { { name: 'H3 header', class: '', tag: 'h3' }, { name: 'H4 header', class: '', tag: 'h4' }, { name: 'H5 header', class: '', tag: 'h5'}, - { name: 'H6 header', class: '', tag: 'h6'} + { name: 'H6 header', class: '', tag: 'h6'}, + { name: 'Highlight', class: 'highlight', tag: ''} ], toolbarHiddenButtons: [ [ @@ -56,7 +57,7 @@ export class RichTextEditorComponent { ], [ 'fontSize', - // 'backgroundColor', + 'backgroundColor', // 'customClasses', 'insertImage', 'insertVideo', diff --git a/dmp-frontend/src/assets/scss/core/_type.scss b/dmp-frontend/src/assets/scss/core/_type.scss index a46c698be..c65d55b04 100644 --- a/dmp-frontend/src/assets/scss/core/_type.scss +++ b/dmp-frontend/src/assets/scss/core/_type.scss @@ -90,3 +90,13 @@ h2.title{ .text-gray{ color: $gray-color !important; } + +blockquote { + margin-left: 1rem; + border-left: .2em solid #dfe2e5; + padding-left: .5rem; +} + +.highlight { + background-color: lightgoldenrodyellow; +}