-css for editor

-fix for FillDataset checkbox, before any Graph was shown

octoprint_klipper/static/css/klipper.css

@@ -94,18 +94,23 @@ ul#klipper-settings {
 }
 
 #settings_plugin_klipper form .tab-content .tab-pane {
-   height: 100%;
+   height: calc(100% - 35px);
 }
 
 #settings_plugin_klipper form .tab-content .tap-pane#conf .control-group {
    margin-bottom: 0px;
-   height: 99%;
+   height: 100%;
 }
 
-div#settings_plugin_klipper form div.tab-content #confdiv.tap-pane div.control-group button {
+div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group div.conf-editor {
+   height: 100%;
+   overflow: auto;
+}
+
+div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div#conf.tab-pane.active div.control-group button.btn.btn-small {
    width: 30%;
    display: inline-block;
-   margin: 2px;
+   margin: 0px 2px 2px 2px;
 }
 
 #macros #item.control-group {

octoprint_klipper/static/js/klipper_graph.js

@@ -35,6 +35,7 @@ function KlipperGraphViewModel(parameters) {
    self.canvas;
    self.canvasContext;
    self.chart;
+   self.chart.update;
    self.spinnerDialog;
 
    self.onStartup = function() {
@@ -94,16 +95,6 @@ function KlipperGraphViewModel(parameters) {
       }
    }
 
-   self.toggleDatasetFill = function() {
-      if(self.datasets) {
-         for (i=0; i < self.datasets().length; i++) {
-            self.datasets()[i].fill = self.datasetFill();
-         }
-         self.chart.update();
-      }
-      return true
-   }
-
    self.convertTime = function(val) {
       return moment(val, "X");
    }
@@ -220,6 +211,16 @@ function KlipperGraphViewModel(parameters) {
          }
       });
    }
+
+   self.toggleDatasetFill = function() {
+      if(self.datasets) {
+         for (i=0; i < self.datasets().length; i++) {
+            self.datasets()[i].fill = self.datasetFill();
+         }
+         self.chart.update();
+      }
+      return true
+   }
 }
 
 OCTOPRINT_VIEWMODELS.push({

octoprint_klipper/templates/klipper_settings.jinja2

@@ -203,11 +203,10 @@
     </button><button class="btn btn-small" data-bind='click: reloadFromFile'>
             <i class="fas fa-upload"></i></a> {{ _('Reload from file') }}
     </button>
-    <!--
-    <a href='#' data-bind='click: loadLastSession'><i class="fas fa-redo"></i></a> {{ _('Reload last changes') }}<a href='#' data-bind='click: loadLastSession'><i class="fas fa-upload"></i></a> {{ _('Reload from file') }}
-    -->
-    <input id="hdnLoadKlipperConfig" type="hidden" data-bind="value: configBound(settings.settings.plugins.klipper.config)" />
-    <div id="plugin-klipper-config"></div>
+      <div class="conf-editor">
+         <input id="hdnLoadKlipperConfig" type="hidden" data-bind="value: configBound(settings.settings.plugins.klipper.config)" />
+         <div id="plugin-klipper-config"></div>
+      </div>
    </div>
   </div>
 </div>