From 4d9395982e43656e4416f62043920d551aa51f04 Mon Sep 17 00:00:00 2001
From: Julius Knorr <jus@bitgrid.net>
Date: Wed, 16 Oct 2024 15:41:35 +0200
Subject: [PATCH] feat: Add markdown support for comments

Signed-off-by: Julius Knorr <jus@bitgrid.net>
---
 src/components/card/CommentForm.vue | 5 ++++-
 src/components/card/CommentItem.vue | 2 ++
 src/css/comments.scss               | 9 ++++++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/card/CommentForm.vue b/src/components/card/CommentForm.vue
index 788dc4ece..f9fd85f71 100644
--- a/src/components/card/CommentForm.vue
+++ b/src/components/card/CommentForm.vue
@@ -167,7 +167,10 @@ export default {
 
 	.comment-form__contenteditable {
 		word-break: break-word;
-		border-radius: var(--border-radius-large)
+		border-radius: var(--border-radius-large);
+		padding: var(--default-grid-baseline);
+		max-height: 200px;
+		overflow: auto;
 	}
 
 	.atwho-wrap {
diff --git a/src/components/card/CommentItem.vue b/src/components/card/CommentItem.vue
index 97cabe28c..e7b05a8cc 100644
--- a/src/components/card/CommentItem.vue
+++ b/src/components/card/CommentItem.vue
@@ -18,6 +18,7 @@
 			</div>
 			<NcRichText class="comment--content"
 				dir="auto"
+				use-markdown
 				:text="richText(comment)"
 				:arguments="richArgs(comment)"
 				:autolink="true" />
@@ -63,6 +64,7 @@
 		<div v-show="!edit" ref="richTextElement">
 			<NcRichText class="comment--content"
 				dir="auto"
+				use-markdown
 				:text="richText(comment)"
 				:arguments="richArgs(comment)"
 				:autolink="true" />
diff --git a/src/css/comments.scss b/src/css/comments.scss
index a44c17636..e760ff37c 100644
--- a/src/css/comments.scss
+++ b/src/css/comments.scss
@@ -23,10 +23,13 @@
 		padding: 13px;
 		background-color: transparent;
 		border: none;
-		opacity: .3;
 		position: absolute;
-		bottom: 0;
-		right: 0;
+		bottom: var(--default-grid-baseline);
+		right: var(--default-grid-baseline);
+
+		&:disabled {
+			opacity: .7;
+		}
 	}
 }