Move styles to LESS

bin/cdb.css

@@ -220,4 +220,4 @@
 }
 .cdb .cdb-sheet td.t_file .preview:hover .previewContent {
   display: block;
-}
+}

bin/cdb.less

@@ -253,35 +253,4 @@
 		}
 
 	}
-
-	.searchBox {
-		display : none;
-		width : 200px;
-		position : fixed;
-		top : 20px;
-		right : 0px;
-		background-color : black;
-		border : 1px solid #555;
-		border-top : none;
-		border-right : none;
-		border-bottom-left-radius : 5px;
-		padding : 5px;
-		input {
-			width : 170px;
-			background-color : black;
-		}
-		i {
-			cursor : pointer;
-			margin-left : 5px;
-			display : inline-block;
-			font-size : 18px;
-			color : #888;
-		}
-		i:hover {
-			color : #EEE;
-		}
-		color : #444;
-	}
-
-
 }

bin/style.css

@@ -171,6 +171,10 @@ input[type=checkbox]:checked:after {
 .hide-scene-layer .jstree-container-ul {
   padding-right: 5px;
 }
+.hide-scene-tree {
+  min-height: 500px;
+  zoom: 90%;
+}
 .hide-range {
   display: inline-block;
 }
@@ -331,7 +335,6 @@ input[type=checkbox]:checked:after {
 .searchBox i:hover {
   color: #EEE;
 }
-
 /* Properties */
 .hide-properties {
   flex: 0 0 300px;
@@ -437,6 +440,9 @@ div.lm_close_tab:hover {
 .jstree {
   background: transparent !important;
 }
+.jstree .filtered {
+  display: none;
+}
 .jstree-icon.jstree-ocl {
   opacity: 0.7;
   width: 18px !important;
@@ -445,9 +451,6 @@ div.lm_close_tab:hover {
 .jstree-icon {
   color: #aaa !important;
 }
-.jstree .filtered {
-  display: none;
-}
 /* Spectrum Color picker */
 div.sp-replacer {
   vertical-align: top;

bin/style.less

@@ -182,6 +182,11 @@ input[type=checkbox] {
 
 }
 
+.hide-scene-tree {
+	min-height: 500px;
+	zoom: 90%;
+}
+
 .hide-range {
 
 	display : inline-block;
@@ -327,6 +332,35 @@ input[type=checkbox] {
 	}
 }
 
+.searchBox {
+	display : none;
+	width : 200px;
+	position : fixed;
+	top : 20px;
+	right : 0px;
+	background-color : black;
+	border : 1px solid #555;
+	border-top : none;
+	border-right : none;
+	border-bottom-left-radius : 5px;
+	padding : 5px;
+	input {
+		width : 170px;
+		background-color : black;
+	}
+	i {
+		cursor : pointer;
+		margin-left : 5px;
+		display : inline-block;
+		font-size : 18px;
+		color : #888;
+	}
+	i:hover {
+		color : #EEE;
+	}
+	color : #444;
+}
+
 /* Properties */
 
 .hide-properties {
@@ -442,6 +476,10 @@ div.lm_close_tab:hover { background-color : #555 !important; }
 
 .jstree {
 	background:transparent !important;
+	
+	.filtered {
+		display: none;
+	}
 }
 
 .jstree-icon.jstree-ocl {

hide/view/Level3D.hx

@@ -295,7 +295,7 @@ class Level3D extends FileView {
 					<div class="tabs">
 						<div class="tab" name="Scene" icon="sitemap">
 							<div class="hide-block">
-								<div class="hide-list scene-tree" style="min-height: 400px;">
+								<div class="hide-list hide-scene-tree">
 									<div class="tree"></div>
 								</div>
 							</div>
@@ -314,7 +314,7 @@ class Level3D extends FileView {
 		tree.async = false;
 		currentVersion = undo.currentID;
 
-		var sceneTree = root.find(".scene-tree");
+		var sceneTree = root.find(".hide-scene-tree");
 		searchBox = new Element("<div>").addClass("searchBox").appendTo(sceneTree);
 		new Element("<input type='text'>").appendTo(searchBox).keydown(function(e) {
 			if( e.keyCode == 27 ) {