Explorar el Código

ux(dashboard): minor tweaks

Torkel Ödegaard hace 9 años
padre
commit
e80241b5f4

+ 5 - 1
public/app/core/services/keybindingSrv.ts

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

+ 0 - 2
public/app/features/dashboard/row/add_panel.ts

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

+ 0 - 3
public/app/features/dashboard/row/row.html

@@ -8,9 +8,6 @@
       <span ng-class="ctrl.row.titleSize">{{ctrl.row.title | interpolateTemplateVars:this}}</span>
     </a>
 
-    <div class="dash-row-header-spacer">
-    </div>
-
     <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}">
         Add Panel

+ 7 - 1
public/sass/components/_row.scss

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