Merge pull request #89 from meteor/new-nav

New nav
meteor · Nov 8, 2018 · 9e0cef1 · 9e0cef1
2 parents 0968882 + 2c6c769
commit 9e0cef1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 24 deletions.
diff --git a/layout/page.ejs b/layout/page.ejs
@@ -33,7 +33,7 @@
     <% if (config.apollo_nav) { %>
       <div class="nav-group right">
         <div id="nav-container" class="show-desktop"></div>
-        <script src="https://www.apollographql.com/index.js"></script>
+        <script src="https://apollographql-nav.netlify.com/index.js"></script>
         <script>ApolloNav.initNav({ theme: 'light' }, 'nav-container')</script>
       </div>
     <% } else { %>
@@ -64,27 +64,6 @@
               </div>
               <% } %>
           </div>
-
-          <div class="page-actions">
-            <div class="actions-group">
-              <a class="btn tertiary small round lowercase" href="<%- githubUrl %>" target="_blank">
-                <span class="icon-github"></span>
-                <span>Edit on GitHub</span>
-              </a>
-              <% if (page.discourseTopicId) { %>
-                <a class="btn tertiary small round lowercase" href="https://forums.meteor.com/t/<%- page.discourseTopicId %>">
-                  <span class="icon-comment"></span>
-                  <span>Discuss</span>
-                </a>
-              <% } %>
-              <% if (config.social_links.slackInvitePage) { %>
-                <a class="btn tertiary small round lowercase" href="<%- config.social_links.slackInvitePage %>">
-                  <img src="<%- relative_url(page.path, 'images/slack.png') %>" style="width: 12px; margin: 0 3px -2px -3px;" />
-                  <span>Discuss on Slack</span>
-                </a>
-              <% } %>
-            </div>
-          </div>
         </div>
       </div>
 

diff --git a/source/style/_global/nav.less b/source/style/_global/nav.less
@@ -90,16 +90,22 @@ nav {
   }
 
   .nav-group {
-    .position(absolute, .5rem, auto, auto, 0);
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+
 		.std-xpadding;
     z-index: 1;
 
     .nav-item.mobile-button:first-child {
       padding-right: 0.75rem;
     }
 
+    &.left {
+      left: 0;
+    }
+
     &.right {
-      left: auto;
       right: 0;
     }