Add GitHub link to site header (#77)

angular · Mar 13, 2017 · 686b5dd · 686b5dd
1 parent 313f505
commit 686b5dd
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/src/app/shared/navbar/navbar.html b/src/app/shared/navbar/navbar.html
@@ -8,5 +8,10 @@
   </a>
   <a md-button routerLink="components">Components</a>
   <a md-button routerLink="guides">Guides</a>
+  <a md-button href="https://github.com/angular/material2" aria-label="GitHub Repository">
+    <img class="docs-github-logo"
+         src="../../../assets/img/homepage/github-circle-white-transparent.svg"
+         alt="GitHub">
+    GitHub
+  </a>
 </nav>
-
diff --git a/src/app/shared/navbar/navbar.scss b/src/app/shared/navbar/navbar.scss
@@ -1,9 +1,23 @@
 .docs-navbar {
+  display: flex;
+  flex-wrap: wrap;
   padding: 8px 16px;
+
+  > .mat-button {
+    &:last-child {
+      margin-left: auto;
+    }
+  }
 }
 
 .docs-angular-logo {
-  margin: 0 4px 3px 0;
   height: 26px;
+  margin: 0 4px 3px 0;
+  vertical-align: middle;
+}
+
+.docs-github-logo {
+  height: 21px;
+  margin: 0 7px 2px 0;
   vertical-align: middle;
 }
diff --git a/src/assets/img/homepage/github-circle-white-transparent.svg b/src/assets/img/homepage/github-circle-white-transparent.svg