add comment form UI

1 files changed, 37 insertions, 13 deletions

diff --git a/public/less/_repository.less b/public/less/_repository.less
index 107d4f5ad0..9372ee4d95 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -121,8 +121,10 @@
 	@comment-avatar-width: 3em;
 	&.new.issue {
 		.comment.form {
-			.comment .avatar {
-				width: @comment-avatar-width;
+			.comment {
+				.avatar {
+					width: @comment-avatar-width;
+				}
 			}
 			.content {
 				margin-left: 4em;
@@ -137,6 +139,7 @@
 					overflow-x: auto;
 				}
 			}
+
 		}
 	}
 	&.view.issue {
@@ -187,13 +190,31 @@
 					.markdown {
 						font-size: 14px;
 					}
-					.bottom.segment {
+					.no-content {
+						color: #767676;
+						font-style: italic;
+					}
+					> .bottom.segment {
 						background: #f3f4f5;
 						.ui.image {
 							max-height: 150px;
 						}
 					}
 				}
+
+				.ui.form {
+					.field:first-child {
+						clear: none;
+					}
+					.tab.segment {
+						border: none;
+				    padding: 0;
+				    padding-top: 10px;
+					}
+					textarea {
+						height: 200px;
+					}
+				}
 			}
 		}
 		.ui.segment.metas {
@@ -203,7 +224,7 @@
 	.comment.form {
 		.ui.comments {
 			margin-top: -12px;
-			max-width: 750px!important;
+			max-width: 100%;
 		}
 		.content {
 			.field:first-child {
@@ -218,15 +239,6 @@
 				height: 200px;
 			}
 		}
-		.dropzone {
-			width: 100%; 
-			margin-bottom: 10px;
-			border: 2px dashed #0087F7;
-			box-shadow: none;
-			.dz-error-message {
-				top: 140px;
-			}
-		}
 	}
 
 	.label.list {
@@ -352,6 +364,18 @@
 	}
 }
 
+.ui.comments {
+	.dropzone {
+		width: 100%; 
+		margin-bottom: 10px;
+		border: 2px dashed #0087F7;
+		box-shadow: none!important;
+		.dz-error-message {
+			top: 140px;
+		}
+	}
+}
+
 .settings .key.list {
 	.item:not(:first-child) {
 		border-top: 1px solid #eaeaea;