Browse Source

fix(ux dashboard): panel height fix to reduce jumpiness when loading dashboard

Torkel Ödegaard 9 years ago
parent
commit
8980f481f7
1 changed files with 8 additions and 0 deletions
  1. 8 0
      public/app/features/panel/panel_directive.ts

+ 8 - 0
public/app/features/panel/panel_directive.ts

@@ -74,6 +74,14 @@ module.directive('grafanaPanel', function($rootScope) {
       var hasAlertRule;
       var hasAlertRule;
       var lastHeight = 0;
       var lastHeight = 0;
 
 
+      // set initial height
+      if (!ctrl.containerHeight) {
+        console.log('setting initial height');
+        ctrl.calculatePanelHeight();
+        panelContainer.css({minHeight: ctrl.containerHeight});
+        lastHeight = ctrl.containerHeight;
+      }
+
       ctrl.events.on('render', () => {
       ctrl.events.on('render', () => {
         if (lastHeight !== ctrl.containerHeight) {
         if (lastHeight !== ctrl.containerHeight) {
           panelContainer.css({minHeight: ctrl.containerHeight});
           panelContainer.css({minHeight: ctrl.containerHeight});