style fix

nikitaeverywhere · nikitaeverywhere · commit 1bfcdf2ff58d · 2015-05-30T21:11:28.000+03:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "CacheUMLExplorer",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "An UML Class explorer for InterSystems Caché",
   "directories": {
     "test": "test"
diff --git a/web/css/interface.css b/web/css/interface.css
@@ -17,6 +17,7 @@ html, body {
     float: left;
     width: 200px;
     height: 100%;
+    box-shadow: 0 0 0 1px lightgray;
 }
 
 .ui-mainBlock {
diff --git a/web/css/treeView.css b/web/css/treeView.css
@@ -3,7 +3,6 @@
     display: block;
     font-size: 16px;
     height: 100%;
-    border-right: 1px solid lightgray;
     overflow: auto;
     box-sizing: border-box;
     padding-top: 24px;
diff --git a/web/index.html b/web/index.html
@@ -28,7 +28,7 @@
 <body onload="cue = new CacheUMLExplorer(document.getElementById('treeView'), document.getElementById('svgContainer'))">
     <div class="ui-body" id="ui-body">
         <div class="ui-sideBlock">
-            <div class="ui-sideSearchBlock">
+            <div class="ui-sideSearchBlock" id="searchBlock">
                 <input type="search" id="classTreeSearch" placeholder="Search..."/>
             </div>
             <div id="treeView">
diff --git a/web/js/CacheUMLExplorer.js b/web/js/CacheUMLExplorer.js
@@ -29,7 +29,8 @@ var CacheUMLExplorer = function (treeViewContainer, classViewContainer) {
         methodDescription: id("methodDescription"),
         methodViewBounds: id("methodViewBounds"),
         namespaces: id("namespaces"),
-        classTreeSearch: id("classTreeSearch")
+        classTreeSearch: id("classTreeSearch"),
+        searchBlock: id("searchBlock")
     };
 
     this.UI = new UI(this);
diff --git a/web/js/ClassTree.js b/web/js/ClassTree.js
@@ -20,6 +20,24 @@ var ClassTree = function (parent, treeViewContainer) {
         self.searchChanged.call(self, (e.target || e.srcElement).value);
     });
 
+    window.addEventListener("resize", function () {
+        self.updateSizes();
+    });
+
+    this.updateSizes();
+
+};
+
+ClassTree.prototype.updateSizes = function () {
+
+    var dh = this.cacheUMLExplorer.elements.searchBlock.clientHeight,
+        h = window.innerHeight - dh,
+        b = this.cacheUMLExplorer.elements.treeViewContainer;
+
+    b.style.paddingTop = 0;
+    b.style.marginTop = dh + "px";
+    b.style.height = h + "px";
+
 };
 
 ClassTree.prototype.showLoader = function () {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "CacheUMLExplorer",`
`3`		`- "version": "0.12.0",`
	`3`	`+ "version": "0.12.1",`
`4`	`4`	`"description": "An UML Class explorer for InterSystems Caché",`
`5`	`5`	`"directories": {`
`6`	`6`	`"test": "test"`
Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,7 @@ html, body {`
`17`	`17`	`float: left;`
`18`	`18`	`width: 200px;`
`19`	`19`	`height: 100%;`
	`20`	`+ box-shadow: 0 0 0 1px lightgray;`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`.ui-mainBlock {`