ux: minor navbar update

public/app/core/components/navbar/navbar.html

 <div class="page-nav container">
 <div class="page-nav container">
 
 
   <div class="page-breadcrumb">
   <div class="page-breadcrumb">
-    <div class="page-breadcrumb__item dropdown" ng-repeat="item in ::ctrl.model.items">
+    <div class="page-breadcrumb__item dropdown" ng-repeat="item in ctrl.model.items">
       <a class="pointer" ng-href="{{::item.url}}" data-toggle="dropdown" ng-if="::item.items">
       <a class="pointer" ng-href="{{::item.url}}" data-toggle="dropdown" ng-if="::item.items">
         {{::item.title}}
         {{::item.title}}
         <i class="page-breadcrumb__caret fa fa-caret-down"></i>
         <i class="page-breadcrumb__caret fa fa-caret-down"></i>
@@ -14,7 +14,6 @@
       <ul class="dropdown-menu dropdown-menu--navbar">
       <ul class="dropdown-menu dropdown-menu--navbar">
         <li ng-repeat="subItem in ::item.items">
         <li ng-repeat="subItem in ::item.items">
           <a class="pointer" ng-href="{{::subItem.url}}" ng-click="ctrl.navItemClicked(subItem, $event)">
           <a class="pointer" ng-href="{{::subItem.url}}" ng-click="ctrl.navItemClicked(subItem, $event)">
-            <i class="{{::subItem.icon}}" ng-show="::subItem.icon"></i>
             {{::subItem.title}}
             {{::subItem.title}}
           </a>
           </a>
         </li>
         </li>

public/app/features/plugins/ds_edit_ctrl.ts

@@ -59,6 +59,7 @@ export class DataSourceEditCtrl {
   initNewDatasourceModel() {
   initNewDatasourceModel() {
     this.isNew = true;
     this.isNew = true;
     this.current = angular.copy(defaults);
     this.current = angular.copy(defaults);
+    this.navModel.items.push({title: 'New data source'});
 
 
     // We are coming from getting started
     // We are coming from getting started
     if (this.$location.search().gettingstarted) {
     if (this.$location.search().gettingstarted) {
@@ -85,10 +86,13 @@ export class DataSourceEditCtrl {
     this.backendSrv.get('/api/datasources/' + id).then(ds => {
     this.backendSrv.get('/api/datasources/' + id).then(ds => {
       this.isNew = false;
       this.isNew = false;
       this.current = ds;
       this.current = ds;
+      this.navModel.items.push({title: ds.name});
+
       if (datasourceCreated) {
       if (datasourceCreated) {
         datasourceCreated = false;
         datasourceCreated = false;
         this.testDatasource();
         this.testDatasource();
       }
       }
+
       return this.typeChanged();
       return this.typeChanged();
     });
     });
   }
   }

public/app/features/plugins/partials/ds_edit.html

@@ -4,7 +4,8 @@
   <div class="page-header">
   <div class="page-header">
     <h1>
     <h1>
       <i class="icon-gf icon-gf-datasources"></i>
       <i class="icon-gf icon-gf-datasources"></i>
-      Settings <span ng-show="ctrl.isNew" class="muted">(new)</span>
+      <span ng-show="ctrl.isNew">New data source</span>
+			<span ng-hide="ctrl.isNew">{{ctrl.current.name}}</span>
     </h1>
     </h1>
 
 
     <a class="page-header__cta btn btn-success" href="datasources/new" ng-show="ctrl.isNew">
     <a class="page-header__cta btn btn-success" href="datasources/new" ng-show="ctrl.isNew">

public/sass/_variables.dark.scss

@@ -230,7 +230,7 @@ $navbarButtonBackgroundHighlight: $body-bg;
 
 
 // Sidemenu
 // Sidemenu
 // -------------------------
 // -------------------------
-$side-menu-bg:            $dark-3;
+$side-menu-bg:            $black;
 $side-menu-item-hover-bg: $dark-2;
 $side-menu-item-hover-bg: $dark-2;
 
 
 // Menu dropdowns
 // Menu dropdowns

tasks/options/watch.js

@@ -21,7 +21,10 @@ module.exports = function(config, grunt) {
       return;
       return;
     }
     }
 
 
-    gaze(config.srcDir + '/**/*', function(err, watcher) {
+    gaze([
+      config.srcDir + '/sass/**/*',
+      config.srcDir + '/app/**/*',
+    ], function(err, watcher) {
 
 
       console.log('Gaze watchers setup');
       console.log('Gaze watchers setup');