Merge pull request #31 from topcoder-platform/issues-490

Issues-490: updated styles for comment/discussion

Author: jmgasper

design/custom.css

@@ -35,21 +35,31 @@
         padding-top: 0;
         min-height: 0;
 
+        .AuthorWrap {
+          max-width: 100%;
+          display: flex;
+          font-family: $global-body_fontFamily;
+          font-size: $global-medium_fontSize;
+        }
         .Username {
           color: $global-color_black_light;
           font-size: 14px;
           font-weight: 500;
           line-height: 16px;
         }
 
+
         .Meta.CommentMeta.CommentInfo {
           display: block;
         }
       }
 
+      .Message {
+        font-family: $link-body_fontFamily;
+      }
+
       .Message.userContent {
-        font-size: 16px;
-        font-weight: 400;
+        font-size: $global-medium_fontSize;
       }
 
       &.CategoryHeading {
@@ -111,6 +121,28 @@
   }
 }
 
+.MessageList.Discussion {
+  .Item.ItemDiscussion {
+    .Item-BodyWrap {
+      .Item-Body {
+        .Message.userContent {
+          font-family: $global-body_fontFamily;
+          font-size: $global-large_fontSize;
+        }
+      }
+    }
+  }
+}
+
+.Message.userContent {
+  a {
+    color: $global-blue;
+    text-decoration: underline;
+  }
+}
+
+
+
 
 .ReactButton.Quote.js-quoteButton {
   font-size: 12px;

design/custom.css.map

@@ -4,12 +4,22 @@
   }
 }
 
+.MessageList.DataList.Comments {
+  .Item-Header.CommentHeader {
+    .DiscussionInfo  {
+      a.ParentComment {
+        color: $global-blue;
+      }
+    }
+  }
+}
+
 .MessageList {
   .ItemDiscussion , .ItemComment {
     .Item-Body {
-       .Controls {
+      .Controls {
          a {
-           color: $global-blue;
+          color: $global-blue;
          }
          .MiddleDot{
            margin: 0px 8px;
@@ -29,5 +39,6 @@
 
     }
   }
-
 }
+
+