Added Markdown editor and Javascript code refactoring

assets/css/src/comment.css

@@ -68,15 +68,3 @@
 .comment-content {
     margin-left: 55px;
 }
-
-/* comment textarea */
-.comment-textarea {
-    height: 200px;
-    width: 80%;
-    max-width: 800px;
-}
-
-#comments .comment-textarea {
-    height: 80px;
-    width: 500px;
-}

assets/css/src/form.css

@@ -149,7 +149,8 @@ input.form-input-large {
 .form-column {
     float: left;
     margin-right: 3%;
-    max-width: 47%;
+    max-width: 50%;
+    min-width: 40%;
 }
 
 .form-column ul {
@@ -184,55 +185,6 @@ input.form-input-large {
     margin-bottom: 0;
 }
 
-/* preview tabs */
-label + .form-tabs {
-    margin-top: 10px;
-}
-
-.form-tabs {
-    width: 100%;
-    max-width: 800px;
-}
-
-ul.form-tabs-nav {
-    margin-bottom: 8px;
-    margin-top: 0;
-}
-
-.form-tabs-nav li {
-    margin-left: 0;
-    display: inline;
-}
-
-.form-tab {
-    margin-right: 20px;
-}
-
-.form-tab a {
-    color: #ccc;
-    font-weight: bold;
-    text-decoration: none;
-}
-
-.form-tab a:focus,
-.form-tab a:hover {
-    color: #000;
-}
-
-.form-tab-selected a {
-    color: #333;
-}
-
-.preview-area {
-    border: 1px dashed #000;
-    padding-top: 5px;
-    padding-left: 5px;
-    padding-right: 5px;
-    margin-bottom: 5px;
-    display: none;
-    overflow: auto;
-}
-
 .reset-password {
     margin-top: 20px;
 }

assets/css/src/markdown.css

@@ -1,7 +1,23 @@
+/* markdown editor */
+div.CodeMirror,
+div.CodeMirror-scroll {
+    max-height: 250px;
+    min-height: 200px;
+}
+
+.markdown-editor-small div.CodeMirror,
+.markdown-editor-small div.CodeMirror-scroll {
+    min-height: 100px;
+    max-height: 180px;
+}
+
+.form-column div.CodeMirror {
+    margin-bottom: 10px;
+}
+
 /* markdown content */
 .markdown {
     line-height: 1.4em;
-    font-size: 1.0em;
 }
 
 .markdown h1 {

assets/css/src/popover.css

@@ -13,11 +13,10 @@
 #popover-content {
     position: absolute;
     width: 70%;
-    margin: 0 0 0 -35%;
-    left: 50%;
+    left: 15%;
     top: 1%;
     padding: 15px;
     background: #fff;
     overflow: auto;
-    max-height: 85%;
+    max-height: 90%;
 }

assets/css/src/task.css

@@ -10,6 +10,15 @@
     text-decoration: underline;
 }
 
+td.task-table a {
+    color: #000;
+    text-decoration: none;
+}
+
+td.task-table a:hover {
+    text-decoration: underline;
+}
+
 /* task inside the board */
 .task-board {
     position: relative;