* Fix bug 32751.

module/dev/css/db.css

@@ -0,0 +1,4 @@
+#mainContent .module-col {padding: 10px 0 10px 10px;}
+#sidebar .module-tree, #mainContent .module-content {overflow-y: auto;}
+#mainContent .module-col {padding: 0;}
+#mainContent .module-content {padding: 10px; padding-right: 0; margin-right: 0;}

module/dev/js/db.js

@@ -0,0 +1,18 @@
+$(function()
+{
+    setHeight();
+    $(window).resize(setHeight);
+});
+
+/**
+ * Set pane height.
+ *
+ * @access public
+ * @return void
+ */
+function setHeight()
+{
+    var paneHeight = $(window).height() - 100;
+    console.log(paneHeight);
+    $('#sidebar .module-tree,#mainContent .module-content').css('height', paneHeight);
+}

module/dev/view/db.html.php

@@ -1,7 +1,7 @@
 <?php include 'header.html.php';?>
 <div id='mainContent' class='main-row'>
   <div class='side-col' id='sidebar'>
-    <div class='cell'>
+    <div class='cell module-tree'>
       <div class="panel panel-sm with-list">
         <div class='panel-heading'><i class='icon-list'></i> <strong><?php echo $lang->dev->dbList?></strong></div>
         <?php foreach($lang->dev->groupList as $group => $groupName):?>
@@ -31,9 +31,9 @@
       </div>
     </div>
   </div>
-  <div class='main-col main-content'>
+  <div class='main-col main-content module-col'>
     <?php if($selectedTable):?>
-    <div class='detail'>
+    <div class='detail module-content'>
       <div class='detail-title'><?php echo $selectedTable?></div>
       <div class='detail-content'>
         <table class="table table-bordered">

module/editor/css/index.css

@@ -7,5 +7,5 @@ td.w-200px a:hover {font-weight:bold;}
 .with-list a {white-space: nowrap;}
 #mainContent .module-col{padding: 0px; padding-left: 10px;}
 #mainContent .module-content {padding: 0;}
-#sidebar .moduleTree {overflow-y: auto;}
-#sidebar .moduleTree .panel-heading {padding: 4px 10px;}
+#sidebar .module-tree {overflow-y: auto;}
+#sidebar .module-tree .panel-heading {padding: 4px 10px;}

module/editor/js/index.js

@@ -18,6 +18,6 @@ $(function()
 function setHeight()
 {
     var paneHeight = $(window).height() - 120;
-    $('#sidebar .moduleTree,#mainContent .module-col,#extendWin').css('height', paneHeight);
+    $('#sidebar .module-tree,#mainContent .module-col,#extendWin').css('height', paneHeight);
     $(' #mainContent .module-content, #editWin').css('height', paneHeight - 6);
 }

module/editor/view/index.html.php

@@ -23,7 +23,7 @@
 <?php endif;?>
 <div id='mainContent' class='main-row'>
   <div class='side-col' id='sidebar'>
-    <div class='cell moduleTree'>
+    <div class='cell module-tree'>
       <div class='panel panel-sm with-list'>
         <div class='panel-heading'><i class='icon-list'></i> <strong><?php echo $lang->editor->moduleList?></strong></div>
         <?php foreach($lang->dev->groupList as $group => $groupName):?>