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