Merge pull request #13410 from edx/pdesjardins/DOC-2748

Complete the LMS help link - add it to edx.org theme, adjust Sass styling for the theme and for pattern library pages

lms/static/sass/shared-v2/_header.scss

@@ -129,3 +129,15 @@
         }
     }
 }
+
+.doc-link {
+    @include float(right);
+    @include margin(($baseline*0.75), ($baseline*0.75), ($baseline*0.75), ($baseline*0.75));
+    font-size: 14px;
+    font-weight: bold;
+    color: $base-font-color;
+
+    &:visited {
+      color: $base-font-color;
+    }
+}

lms/static/sass/shared/_header.scss

@@ -10,30 +10,6 @@
   width: 100%;
   height: 76px;
 
-  .doc-link {
-    position: relative;
-    @include float(right);
-    @include margin(($baseline*0.75), ($baseline*0.75), ($baseline*0.75), ($baseline*0.75));
-    padding: 0;
-    text-transform: none;
-    font-size: 14px;
-    font-weight: bold;
-    letter-spacing: 0;
-    color: $base-font-color;
-    text-decoration: none;
-
-    &:hover,
-    &:focus {
-      text-decoration: none;
-      color: $base-font-color;
-    }
-
-    &:visited {
-      text-decoration: none;
-      color: $base-font-color;
-    }
-  }
-
   .wrapper-header {
     @include clearfix();
     height: 40px;
@@ -906,3 +882,15 @@
     color: $link-color !important;
   }
 }
+
+.doc-link {
+    @include float(right);
+    @include margin(($baseline*0.75), ($baseline*0.75), ($baseline*0.75), ($baseline*0.75));
+    font-size: 14px;
+    font-weight: bold;
+    color: $base-font-color;
+
+    &:visited {
+      color: $base-font-color;
+    }
+}

themes/edx.org/lms/templates/header.html

@@ -104,6 +104,10 @@ site_status_msg = get_site_status_msg(course_id)
 
       <%include file="user_dropdown.html"/>
 
+      <a href="${get_online_help_info(online_help_token)['doc_url']}" 
+         target="_blank"
+         class="doc-link">${_("Help")}</a>
+
       % if should_display_shopping_cart_func(): # see shoppingcart.context_processor.user_has_cart_context_processor
         <ul class="user">
           <li class="primary">