From af3db75342b5d8330420f2fe6acd8609a9a836f2 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Mon, 1 Aug 2022 21:49:04 +0200
Subject: [PATCH] [editor] Fix dynamic height of TextEditor dialog
Now the dialog scrolls and the buttons at the bottom can be reached even
on low viewport height.
#294
---
projects/editor/src/app/services/dialog.service.ts | 1 +
.../src/app/text-editor/rich-text-editor.component.css | 5 ++++-
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/projects/editor/src/app/services/dialog.service.ts b/projects/editor/src/app/services/dialog.service.ts
index 7ab5debda..e22233fb8 100644
--- a/projects/editor/src/app/services/dialog.service.ts
+++ b/projects/editor/src/app/services/dialog.service.ts
@@ -57,6 +57,7 @@ export class DialogService {
defaultFontSize,
clozeMode: false
},
+ height: '600px',
autoFocus: false
});
return dialogRef.afterClosed();
diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.css b/projects/editor/src/app/text-editor/rich-text-editor.component.css
index 2add2430f..fad268e17 100644
--- a/projects/editor/src/app/text-editor/rich-text-editor.component.css
+++ b/projects/editor/src/app/text-editor/rich-text-editor.component.css
@@ -1,5 +1,8 @@
+tiptap-editor {
+ height: 57%;
+}
:host ::ng-deep div.ProseMirror {
- min-height: 300px;
+ height: 99%;
border: 1px solid;
}
--
GitLab