GUI: Added UI.setDisplay(). Showing/hidding properties panel when needed.

gui/js/UI.js

@@ -134,6 +134,8 @@ UI.Element.prototype = {
 
 	},
 
+	//
+
 	setColor: function () {
 
 		this.setStyle( 'color', arguments );
@@ -146,6 +148,13 @@ UI.Element.prototype = {
 		this.setStyle( 'backgroundColor', arguments );
 		return this;
 
+	},
+
+	setDisplay: function () {
+
+		this.setStyle( 'display', arguments );
+		return this;
+
 	}
 
 }

gui/js/ui/SideBar.Properties.js

@@ -3,6 +3,7 @@ var Properties = function ( signals ) {
 	var selected = null;
 
 	var container = new UI.Panel();
+	container.setDisplay( 'none' );
 	container.setPadding( '8px' );
 	container.setBorderTop( '1px solid #ccc' );
 
@@ -85,6 +86,8 @@ var Properties = function ( signals ) {
 
 		if ( object ) {
 
+			container.setDisplay( 'block' );
+
 			positionX.setValue( object.position.x );
 			positionY.setValue( object.position.y );
 			positionZ.setValue( object.position.z );
@@ -97,6 +100,10 @@ var Properties = function ( signals ) {
 			scaleY.setValue( object.scale.y );
 			scaleZ.setValue( object.scale.z );
 
+		} else {
+
+			container.setDisplay( 'none' );
+
 		}
 
 	} );