diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-10-21 14:31:22 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-10-28 10:26:08 +0100 |
| commit | cf43b70db6332e02a85fe9d358f5ac68cd88db70 (patch) | |
| tree | f9413965a00673882a0d1619e64bee58732c630c /apps/comments/src/components/Comment.vue | |
| parent | a20f598049bed68db4330ac2571170e1bf51238e (diff) | |
| download | nextcloud-server-cf43b70db6332e02a85fe9d358f5ac68cd88db70.tar.gz nextcloud-server-cf43b70db6332e02a85fe9d358f5ac68cd88db70.zip | |
Fix white-space display
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/comments/src/components/Comment.vue')
| -rw-r--r-- | apps/comments/src/components/Comment.vue | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue index d90d5a7fb6a..42915d84124 100644 --- a/apps/comments/src/components/Comment.vue +++ b/apps/comments/src/components/Comment.vue @@ -66,7 +66,7 @@ </div> <!-- Message editor --> - <div class="comment__message" v-if="editor || editing"> + <div class="comment__editor " v-if="editor || editing"> <RichContenteditable v-model="localMessage" :auto-complete="autoComplete" :contenteditable="!loading" @@ -263,6 +263,7 @@ $comment-padding: 10px; color: var(--color-text-maxcontrast); } + &__editor, &__message { position: relative; // Avatar size, align with author name @@ -292,12 +293,17 @@ $comment-padding: 10px; opacity: 1; } } + + &__message { + white-space: pre-wrap; + word-break: break-word; + } } .rich-contenteditable__input { + min-height: 44px; margin: 0; padding: $comment-padding; - min-height: 44px; } </style> |