diff --git a/projects/editor/src/app/components/dialogs/label-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/label-edit-dialog.component.ts index d0a0a60a8b972b2573d71c307be4b5d8fafb643a..d4cbb01cd7c05a5ba40fb013f1ee7d32519a009e 100644 --- a/projects/editor/src/app/components/dialogs/label-edit-dialog.component.ts +++ b/projects/editor/src/app/components/dialogs/label-edit-dialog.component.ts @@ -36,6 +36,7 @@ import { TextImageLabel } from 'common/models/elements/label-interfaces'; </mat-dialog-actions> `, styles: [` + aspect-rich-text-editor {min-height: 200px;} .image-panel { display: flex; margin-top: 20px; diff --git a/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts index 9bfc77060efa4ce514d9b577d9be5332bd18608d..128af7b87b21447783231889bbe099a827391c5c 100644 --- a/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts +++ b/projects/editor/src/app/components/dialogs/likert-row-edit-dialog.component.ts @@ -75,14 +75,15 @@ import { TextLabel } from 'common/models/elements/label-interfaces'; </mat-dialog-actions> `, styles: [` - mat-checkbox { - margin-bottom: 15px; - } + aspect-rich-text-editor {min-height: 200px;} + mat-checkbox { + margin-bottom: 15px; + } - aspect-text-image-panel { - margin-left: auto; - margin-right: auto; - } + aspect-text-image-panel { + margin-left: auto; + margin-right: auto; + } `] }) export class LikertRowEditDialogComponent { diff --git a/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts index 063db0f945870a8ae5cc2c5cf2c703073f2b2e09..b425115543475892f649f15d2be419c600c9b1d0 100644 --- a/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts +++ b/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts @@ -15,6 +15,10 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog'; <button mat-button [mat-dialog-close]="data.content">{{'save' | translate }}</button> <button mat-button mat-dialog-close>{{'cancel' | translate }}</button> </mat-dialog-actions> + `, + styles: ` + .mat-mdc-dialog-content {display: flex; flex-direction: column;} + aspect-rich-text-editor {min-height: 450px;} ` }) export class RichTextEditDialogComponent { 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 bb981c74ddeab5fb4f7ed0f25edc9c6c395888d8..0f05d1b1d4dd40375b65c702559cd18499481edf 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 @@ -1,9 +1,18 @@ -:host ::ng-deep div.ProseMirror { - min-height: 350px; +:host { + display: flex; + flex-direction: column; +} + +tiptap-editor { + flex-grow: 1; + display: flex; + overflow: scroll; } -:host ::ng-deep .small-input div.ProseMirror { - min-height: 100px; +:host ::ng-deep div.ProseMirror { + width: 100%; + margin: 10px; + overflow: scroll; } .editor-control-panel {