Add @angular/material version to the navbar.

Author: josephperrott

src/app/shared/navbar/navbar.html

@@ -4,7 +4,10 @@
     <img class="docs-angular-logo"
       src="../../../assets/img/homepage/angular-white-transparent.svg"
       alt="angular">
-    <span>Material</span>
+    <span class="title">
+      <div class="label">Material</div>
+      <div class="version">{{version.full}}</div>
+    </span>
   </a>
   <a md-button class="docs-button" routerLink="components">Components</a>
   <a md-button class="docs-button" routerLink="guides">Guides</a>

src/app/shared/navbar/navbar.scss

@@ -11,9 +11,22 @@
   }
 }
 
-.flex-spacer {
-  flex-grow: 1;
+.title {
+  display: inline-block;
+  line-height: 1;
+  
+  .label {
+    margin-top: 8px;
+  }
+  
+  .version {
+    font-size: 9px;
+  }
 }
+  
+  .flex-spacer {
+    flex-grow: 1;
+  }
 
 .docs-angular-logo {
   height: 26px;

src/app/shared/navbar/navbar.ts

@@ -1,5 +1,5 @@
 import {Component, NgModule} from '@angular/core';
-import {MdButtonModule} from '@angular/material';
+import {MdButtonModule, VERSION} from '@angular/material';
 import {RouterModule} from '@angular/router';
 import {ThemePickerModule} from '../theme-picker/theme-picker';
 
@@ -8,7 +8,11 @@ import {ThemePickerModule} from '../theme-picker/theme-picker';
   templateUrl: './navbar.html',
   styleUrls: ['./navbar.scss']
 })
-export class NavBar {}
+export class NavBar {
+  get version() {
+    return VERSION;
+  }
+}
 
 @NgModule({
   imports: [MdButtonModule, RouterModule, ThemePickerModule],