Browse Source

Editor: added slight borders around Viewport.

This is to make it look better when Viewport clear color is close to UI chrome colors.
alteredq 12 years ago
parent
commit
96640467ee

+ 1 - 0
editor/js/ui/Menubar.Add.js

@@ -20,6 +20,7 @@ Menubar.Add = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	options.setBackgroundColor( '#ddd' );
 	options.setPadding( '0px' );
 	options.setPadding( '0px' );
+	options.setBorderTop( 'solid 1px #ccc' );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setDisplay( 'none' );
 	options.setDisplay( 'none' );
 	container.add( options );
 	container.add( options );

+ 1 - 0
editor/js/ui/Menubar.Edit.js

@@ -20,6 +20,7 @@ Menubar.Edit = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	options.setBackgroundColor( '#ddd' );
 	options.setPadding( '0px' );
 	options.setPadding( '0px' );
+	options.setBorderTop( 'solid 1px #ccc' );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setDisplay( 'none' );
 	options.setDisplay( 'none' );
 	container.add( options );
 	container.add( options );

+ 1 - 0
editor/js/ui/Menubar.File.js

@@ -20,6 +20,7 @@ Menubar.File = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	options.setBackgroundColor( '#ddd' );
 	options.setPadding( '0px' );
 	options.setPadding( '0px' );
+	options.setBorderTop( 'solid 1px #ccc' );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setStyle( 'box-shadow', [ '0 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2)' ] );
 	options.setDisplay( 'none' );
 	options.setDisplay( 'none' );
 	container.add( options );
 	container.add( options );

+ 1 - 0
editor/js/ui/Menubar.Help.js

@@ -20,6 +20,7 @@ Menubar.Help = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	options.setBackgroundColor( '#ddd' );
 	options.setPadding( '0px' );
 	options.setPadding( '0px' );
+	options.setBorderTop( 'solid 1px #ccc' );
 	options.setStyle( 'box-shadow', [ '0 3px 7px rgba(0,0,0,0.05), 3px 3px 7px rgba(0,0,0,0.1)' ] );
 	options.setStyle( 'box-shadow', [ '0 3px 7px rgba(0,0,0,0.05), 3px 3px 7px rgba(0,0,0,0.1)' ] );
 	options.setDisplay( 'none' );
 	options.setDisplay( 'none' );
 	container.add( options );
 	container.add( options );

+ 1 - 0
editor/js/ui/Sidebar.js

@@ -3,6 +3,7 @@ var Sidebar = function ( signals ) {
 	var container = new UI.Panel( 'absolute' );
 	var container = new UI.Panel( 'absolute' );
 	container.setWidth( '300px' ).setHeight( '100%' );
 	container.setWidth( '300px' ).setHeight( '100%' );
 	container.setBackgroundColor( '#eee' );
 	container.setBackgroundColor( '#eee' );
+	container.setBorderLeft( 'solid 1px #ccc' );
 	container.setOverflow( 'auto' );
 	container.setOverflow( 'auto' );
 
 
 	container.add( new Sidebar.Scene( signals ) );
 	container.add( new Sidebar.Scene( signals ) );

+ 1 - 0
editor/js/ui/Viewport.js

@@ -2,6 +2,7 @@ var Viewport = function ( signals ) {
 
 
 	var container = new UI.Panel( 'absolute' );
 	var container = new UI.Panel( 'absolute' );
 	container.setBackgroundColor( '#aaa' );
 	container.setBackgroundColor( '#aaa' );
+	container.setBorderTop( 'solid 1px #ccc' );
 
 
 	// settings
 	// settings