ajuster hauteur .panel-container sur window resize

js/editor.js

@@ -12,7 +12,8 @@ $(document).ready(function() {
   var $exampleCancel = $('#add-example-cancel');
   var $saveChanges   = $('#save-changes');
   var $notification  = $('#notification');
-  var $leftPanel     = $(".panel-left");
+  var $panelLeft     = $('.panel-left');
+  var $panelRight    = $('.panel-right');
   var $window        = $(window);
   var activeMode     = 'html';
   var currentHash; 
@@ -22,18 +23,19 @@ $(document).ready(function() {
   var saveTimeout2;
   var exampleList;
 
-  $leftPanel.resizable({
+  $panelLeft.resizable({
     handleSelector: ".splitter",
     resizeHeight: false,
     onDrag: function(e) {
-      $editor.width($leftPanel.width());
+      $editor.width($panelLeft.width());
     }
   });
   $window.resize(function() {
-    $editor.width($leftPanel.width());
+    $editor.width($panelLeft.width());
+    $(".panel-container").height($(window).height());
   });
   $(".panel-container").height($(window).height());
-  $editor.width($leftPanel.width());
+  $editor.width($panelLeft.width());
 
 
   editor = ace.edit("editor");