diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.scss b/projects/editor/src/app/text-editor/rich-text-editor.component.scss index 716a5061ad0ed26c3f8b4f3200aae24bde50e2c0..1f688366ec8ed33113a82b9c07b40d46b2aca1fe 100644 --- a/projects/editor/src/app/text-editor/rich-text-editor.component.scss +++ b/projects/editor/src/app/text-editor/rich-text-editor.component.scss @@ -11,14 +11,14 @@ tiptap-editor { :host ::ng-deep div.ProseMirror { width: 100%; - margin: 10px; + margin: 1px 1px 10px 1px; overflow: scroll; border: 1px solid gray; max-width: 1000px; + padding: 5px; } .editor-control-panel { - margin-bottom: 15px; padding: 5px; font: unset; max-width: 1000px; @@ -27,6 +27,8 @@ tiptap-editor { flex-wrap: wrap; background: linear-gradient(to top right, #FFF5F8, #FAFAFA); box-shadow: 0 2px 2px -2px rgba(34,47,62,.1),0 8px 8px -4px rgba(34,47,62,.07); + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .editor-control-panel .input-group { @@ -37,12 +39,12 @@ tiptap-editor { padding: 0.3em 0 0.7em 0; } - .editor-control-panel .input-group .dropdown { width: 95px; height: 40px; margin: 0 5px; } + // ### Adjust Material select ### :host ::ng-deep .editor-control-panel .input-group .dropdown .mat-mdc-text-field-wrapper { max-height: 100%;