Issues-553: Fixed 'New Discussion' button

Author: atelomycterus

design/custom.css

@@ -1,22 +1,31 @@
 .Button.Primary,
 .Button,
 .Button.Primary.SignInPopup,
-.Button.Primary.Action.BigButton {
-  font-size: 14px !important;
-  font-weight: bold !important;
-  letter-spacing: 0.8px !important;
+.Button.Primary.Action.BigButton,
+.Button:not(.GroupOptionsTitle), .Buttons .btn-primary,
+.BoxButtons.BoxNewDiscussion .Button.Primary,
+.PageControls .Button-Controls .Button.Primary,
+.Form-BodyWrap .FormTitleWrapper .Buttons .Button.Primary,
+.Form-BodyWrap .FormWrapper .Buttons .Button.Primary
+{
+  font-size: $global-small_fontSize !important;
+  font-weight: $global-medium_fontWeight !important;
+  letter-spacing: 0.69px !important;
   height: 30px;
+  line-height: 34px;
   text-transform: uppercase;
   border-radius: 20px !important;
   padding: 0 20px !important;
 }
 
 
-.Button.Primary.SignInPopup {
+.Button.Primary.SignIn.BigButton{
+  font-size: $global-medium_fontSize !important;
   background: $global-color_primary;
   border: 1px solid $global-color_primary;
-  color: white;
+  color: #FAFAFB;
   width: 100%;
+  height: 40px;
 }
 
 

design/custom.css.map

@@ -6,26 +6,57 @@
   }
 }
 .Group {
-  font-family: $global-body_fontFamily !important;
+   font-family: $global-body_fontFamily !important;
+
+  .Group-Archived{
+    margin-top: 6px;
+    .Archived {
+      background: $global-pink;
+      border: 1px solid $global-pink;
+      color: white;
+      font-family: $global-body_fontFamily !important;
+      font-size: $global-small_fontSize !important;
+      font-weight: bold !important;
+      letter-spacing: 0.69px !important;
+      height: 30px;
+      text-transform: uppercase;
+      border-radius: 15px !important;
+      padding: 6px 17px !important;
+      margin-right: 10px ;
+    }
+  }
+
   .Group-Description {
+
+   }
+
+  .Group-Header.NoBanner {
+    .Group-Info {
+      padding-left: 0px;
       color: $global-color_black_light;
-      font-size: $global-large_fontSize;
       margin-bottom: 33px;
-     a {
-       color: $global-blue;
-     }
-     > br {
-       line-height: 0px;
-       display: inline-block;
-       content: '';
+
+      .Group-Description {
+        margin-bottom: 0px;
+      }
+      .Group-Archived, .Group-Description {
+        * {
+          font-size: $global-large_fontSize;
+        }
+        a {
+          color: $global-blue;
+        }
+      }
     }
   }
 
-  .Group-Header {
+  .Group-Footer {
     .Group-Info {
       padding-left: 0px;
+      color: $global-color_black_light;
+      margin-bottom: 33px;
 
-      .Table {
+     .Table {
         width:  calc(100% + 46px);
         display: table;
         border-collapse: separate;
@@ -59,15 +90,20 @@
             border-bottom: 1px solid #D4D4D4;
           }
         }
-
       }
     }
   }
 }
 
 @media screen and (max-width: 768px) {
   .Group {
-    .Group-Header {
+    .Group-Archived{
+      span:not(.Archived) {
+        display: block;
+        padding-top:10px;
+      }
+    }
+    .Group-Footer {
       .Group-Info {
         padding-left: 0px;
         .Table {

src/scss/base/_button.scss

@@ -23,4 +23,5 @@
 @import 'editor';
 @import 'table';
 @import 'group';
-@import "lists";
+@import 'lists';
+@import 'utilities';

src/scss/base/_group.scss

@@ -8,7 +8,7 @@
     a {
       border-color: transparent;
       border-radius: 15px;
-      font-size: 14px;
+      font-size: $global-small_fontSize;
       font-weight: 400;
       line-height: 30px;
       height: 30px;

src/scss/base/_index.scss

@@ -22,6 +22,7 @@ $global-grey-bg-dark: #d4d4d4;
 $global-grey-very-dark-bg: #f4f4f4;
 $global-color_whitesmoke: #bcbec1;
 $global-blue: #0d61bf;
+$global-pink: #EF476F;
 
 $global-color_black: #000;
 $global-color_black_light: #2a2a2a;

src/scss/base/_pageControls.scss

@@ -4,4 +4,5 @@
 @import "easymde";
 @import "searchbox";
 @import "popup";
-@import "breadcrumbs";
+@import "breadcrumbs";
+@import "pager";

src/scss/base/_utilities.scss

@@ -0,0 +1,13 @@
+.PageControls.PageControls {
+  .BoxNewDiscussion {
+    display: inline-block;
+  }
+}
+
+@media screen and (max-width: 960px) {
+  .PageControls.PageControls {
+    .BoxNewDiscussion {
+      display: none;
+    }
+  }
+}

src/scss/base/_variables.scss

@@ -0,0 +1,10 @@
+.Section-DiscussionList{
+  .PageControls.Top {
+    .ToggleFlyout.selectBox {
+      float: left;
+    }
+    .BoxButtons.BoxNewDiscussion{
+      float: right;
+    }
+  }
+}

src/scss/components/_index.scss

@@ -1,4 +1,5 @@
 @import 'home';
 @import 'search';
 @import 'groups';
-@import 'group';
+@import 'group';
+@import 'categories';