Merge pull request #44 from topcoder-platform/issues-554

Issues-554: Challenge Forums page

Author: jmgasper

design/custom.css

@@ -8,4 +8,11 @@ $( document ).ready(function() {
     $(this).prepend(originalMeta.clone().addClass('tag-container hide-desktop'));
     originalMeta.addClass('status-container');
   });
+
+  $( "ul.DataList.GroupList li.Item .ItemContent.Group" ).each(function( index ) {
+    var originalMeta = $( this ).find('.Meta.Meta-Group');
+    $(this).append(originalMeta.clone().addClass('view-comment-container hide-desktop'));
+    //$(this).prepend(originalMeta.clone().addClass('tag-container hide-desktop'));
+    originalMeta.addClass('status-container');
+  });
 })

design/custom.css.map

@@ -0,0 +1,8 @@
+"use strict"
+$( document ).ready(function() {
+  $( "ul.DataList.GroupList li.Item .ItemContent.Group" ).each(function( index ) {
+    var originalMeta = $( this ).find('.Meta.Meta-Group');
+    $(this).append(originalMeta.clone().addClass('view-comment-container hide-desktop'));
+    originalMeta.addClass('status-container');
+  });
+})

js/custom.js

@@ -8,6 +8,7 @@ import "../../node_modules/@vanillaforums/theme-boilerplate/src/js/index";
 import "./header";
 import "./body";
 import "./discussions";
+import "./groups";
 import "./pageControls";
 import "./categories";
 import "./formsFields";

js/custom.js.map

@@ -100,8 +100,6 @@
     }
   }
 
-
-
  .CategoryAccordion {
    .CategoryAccordionItem {
      margin-bottom: 20px;
@@ -188,18 +186,29 @@
       }
     }
   }
-}
+  .DataList.GroupList {
+    li.Item {
+      .Title {
+        margin-bottom: 0px;
+      }
 
-.DataList.GroupList {
-  li.Item {
-    .Description {
-      font-family: $global-body_fontFamily;
-      color: $global-color_grey;
-      font-size: 13px;
+      .Description {
+        color: $global-color_grey;
+      }
+
+      .Description, .Description a {
+        font-family: $global-body_fontFamily;
+        font-size: 13px;
+      }
+
+      .GroupLastDiscussionComment {
+         margin-top: 18px;
+      }
     }
   }
 }
 
+
 .MessageList.Discussion {
   .Item.ItemDiscussion {
     .Item-BodyWrap {

src/js/discussions.js

@@ -16,12 +16,6 @@
   text-align: left;
 }
 
-@media screen and (max-width: 768px) {
-  .Section-GroupList .DataList .Item .Options {
-    margin-top: 0px;
-  }
-}
-
 .Group-MembersPreview {
   .PhotoWrap.PhotoWrap.PhotoWrap img {
     margin: 0;
@@ -42,4 +36,49 @@ Group-Header.HasBanner {
   .Group-Header-Info {
     margin: 20px;
   }
+}
+
+@media screen and (max-width: 768px) {
+  .Section-GroupList .DataList .Item .Options {
+    margin-top: 0px;
+  }
+
+  .DataList.GroupList {
+    li.Item {
+
+      .Meta.Meta-Group {
+
+        &.status-container {
+          .MCount,
+          .Tag, .MiddleDot {
+            display: none;
+          }
+        }
+
+        &.view-comment-container {
+           margin-top: 0px;
+           float: right;
+
+          .MItem:not(.MCount,.MiddleDot),
+          .Tag {
+            display: none;
+          }
+
+          .MCount {
+            position: relative;
+
+            &::after {
+              content: none;
+            }
+
+            &.CommentCount {
+              &::after {
+                content: none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 }