diff --git a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss index f33c65603..382affcdc 100644 --- a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss +++ b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss @@ -29,12 +29,22 @@ background-color: #fff; } -.editor-wrapper:hover, ::ng-deep .angular-editor:hover { - border: 1px solid #000 !important; +.editor-wrapper :not(.disabled) { + .editor-wrapper:hover, ::ng-deep .angular-editor:hover { + border: 1px solid #000 !important; + } + + .editor-wrapper:focus-within, ::ng-deep .angular-editor:focus-within { + border: 1px solid #034459 !important; + } } -.editor-wrapper:focus-within, ::ng-deep .angular-editor:focus-within { - border: 1px solid #034459 !important; +.editor-wrapper .disabled { + color: rgba(0, 0, 0, 0.38); +} + +.editor-wrapper .disabled ::ng-deep button { + pointer-events: none; } .required.editor-wrapper, .required .editor ::ng-deep .angular-editor { 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 18a325348..ed45c1967 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 @@ -6,7 +6,8 @@ import {FormControl} from "@angular/forms"; selector: 'rich-text-editor-component', template: `