Limit comment size to 1000 in UI

Whenever the limit is almost reached (90% of the length), a tooltip will
appear.

Once the limit is exceeded, the "Post" button will be disabled and the
field will become red.

1 files changed, 9 insertions, 1 deletions

diff --git a/apps/comments/css/comments.css b/apps/comments/css/comments.css
index b86ed38efe7..85569102e1d 100644
--- a/apps/comments/css/comments.css
+++ b/apps/comments/css/comments.css
@@ -14,7 +14,7 @@
 
 #commentsTabView .newCommentForm .message {
 	width: 90%;
-	resize: none;
+	resize: vertical;
 }
 
 #commentsTabView .newCommentForm .submitLoading {
@@ -77,6 +77,14 @@
 	visibility: hidden;
 }
 
+#commentsTabView .message.error {
+	color: #e9322d;
+	border-color: #e9322d;
+	-webkit-box-shadow: 0 0 6px #f8b9b7;
+	-moz-box-shadow: 0 0 6px #f8b9b7;
+	box-shadow: 0 0 6px #f8b9b7;
+}
+
 .app-files .action-comment>img {
 	margin-right: 5px;
 }