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 13 năm trước cách đây
mục cha
commit
96640467ee

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

@@ -20,6 +20,7 @@ Menubar.Add = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	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.setDisplay( 'none' );
 	container.add( options );

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

@@ -20,6 +20,7 @@ Menubar.Edit = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	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.setDisplay( 'none' );
 	container.add( options );

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

@@ -20,6 +20,7 @@ Menubar.File = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	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.setDisplay( 'none' );
 	container.add( options );

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

@@ -20,6 +20,7 @@ Menubar.Help = function ( signals ) {
 	options.setWidth( '140px' );
 	options.setBackgroundColor( '#ddd' );
 	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.setDisplay( 'none' );
 	container.add( options );

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

@@ -3,6 +3,7 @@ var Sidebar = function ( signals ) {
 	var container = new UI.Panel( 'absolute' );
 	container.setWidth( '300px' ).setHeight( '100%' );
 	container.setBackgroundColor( '#eee' );
+	container.setBorderLeft( 'solid 1px #ccc' );
 	container.setOverflow( 'auto' );
 
 	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' );
 	container.setBackgroundColor( '#aaa' );
+	container.setBorderTop( 'solid 1px #ccc' );
 
 	// settings