ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Wrap lines properly in comment text

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2021-04-23 15:40:55 +02:00
parent 2aad2d6677
commit 3c6e6bb29c
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/card/CommentForm.vue
View File

@@ -41,6 +41,7 @@
</span> </span>
</template> </template>
<div ref="contentEditable" <div ref="contentEditable"
class="comment-form__contenteditable"
contenteditable contenteditable
@keydown.enter="handleKeydown" @keydown.enter="handleKeydown"
@paste="onPaste" @paste="onPaste"
@@ -175,6 +176,10 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import '../../css/comments'; @import '../../css/comments';
.comment-form__contenteditable {
word-break: break-word;
}
.atwho-wrap { .atwho-wrap {
width: 100%; width: 100%;
& > div[contenteditable] { & > div[contenteditable] {

1
src/css/comments.scss
View File

@@ -48,4 +48,5 @@
.comment--content { .comment--content {
margin-left: 44px; margin-left: 44px;
word-break: break-word;
} }