ux(dashboard): minor tweaks

public/app/core/services/keybindingSrv.ts

@@ -9,6 +9,7 @@ import Mousetrap from 'mousetrap';
 
 
 export class KeybindingSrv {
 export class KeybindingSrv {
   helpModal: boolean;
   helpModal: boolean;
+  bindings: any;
 
 
   /** @ngInject */
   /** @ngInject */
   constructor(private $rootScope, private $modal, private $location, private contextSrv) {
   constructor(private $rootScope, private $modal, private $location, private contextSrv) {
@@ -29,7 +30,7 @@ export class KeybindingSrv {
     this.bind("g a", this.openAlerting);
     this.bind("g a", this.openAlerting);
     this.bind("g p", this.goToProfile);
     this.bind("g p", this.goToProfile);
     this.bind("s s", this.openSearchStarred);
     this.bind("s s", this.openSearchStarred);
-    this.bind(['f'], this.openSearch);
+    this.bind('f', this.openSearch);
   }
   }
 
 
   openSearchStarred() {
   openSearchStarred() {
@@ -102,6 +103,7 @@ export class KeybindingSrv {
       scope.appEvent('quick-snapshot');
       scope.appEvent('quick-snapshot');
     });
     });
 
 
+    // edit panel
     this.bind('e', () => {
     this.bind('e', () => {
       if (dashboard.meta.focusPanelId && dashboard.meta.canEdit) {
       if (dashboard.meta.focusPanelId && dashboard.meta.canEdit) {
         this.$rootScope.appEvent('panel-change-view', {
         this.$rootScope.appEvent('panel-change-view', {
@@ -113,6 +115,7 @@ export class KeybindingSrv {
       }
       }
     });
     });
 
 
+    // view panel
     this.bind('v', () => {
     this.bind('v', () => {
       if (dashboard.meta.focusPanelId) {
       if (dashboard.meta.focusPanelId) {
         this.$rootScope.appEvent('panel-change-view', {
         this.$rootScope.appEvent('panel-change-view', {
@@ -124,6 +127,7 @@ export class KeybindingSrv {
       }
       }
     });
     });
 
 
+    // delete panel
     this.bind('d', () => {
     this.bind('d', () => {
       if (dashboard.meta.focusPanelId && dashboard.meta.canEdit) {
       if (dashboard.meta.focusPanelId && dashboard.meta.canEdit) {
         var panelInfo = dashboard.getPanelInfoById(dashboard.meta.focusPanelId);
         var panelInfo = dashboard.getPanelInfoById(dashboard.meta.focusPanelId);

public/app/features/dashboard/row/add_panel.ts

@@ -4,8 +4,6 @@ import _ from 'lodash';
 
 
 import config from 'app/core/config';
 import config from 'app/core/config';
 import {coreModule, appEvents} from 'app/core/core';
 import {coreModule, appEvents} from 'app/core/core';
-// import VirtualScroll from 'virtual-scroll';
-// console.log(VirtualScroll);
 
 
 export class AddPanelCtrl {
 export class AddPanelCtrl {
   row: any;
   row: any;

public/app/features/dashboard/row/row.html

@@ -8,9 +8,6 @@
       <span ng-class="ctrl.row.titleSize">{{ctrl.row.title | interpolateTemplateVars:this}}</span>
       <span ng-class="ctrl.row.titleSize">{{ctrl.row.title | interpolateTemplateVars:this}}</span>
     </a>
     </a>
 
 
-    <div class="dash-row-header-spacer">
-    </div>
-
     <div class="dash-row-header-actions">
     <div class="dash-row-header-actions">
       <a class="pointer dash-row-header-action-add-panel" ng-click="ctrl.showAddPanel()" ng-class="{active: ctrl.dropView===1}">
       <a class="pointer dash-row-header-action-add-panel" ng-click="ctrl.showAddPanel()" ng-class="{active: ctrl.dropView===1}">
         Add Panel
         Add Panel

public/sass/components/_row.scss

@@ -171,7 +171,13 @@ a.dash-row-header-actions--tight {
 
 
 .add-panel-panels-scroll {
 .add-panel-panels-scroll {
   width: 100%;
   width: 100%;
-  overflow: hidden;
+  overflow: auto;
+
+  &::-webkit-scrollbar {
+    display: none
+  }
+
+  -ms-overflow-style: none;
 }
 }
 
 
 .add-panel-panels {
 .add-panel-panels {