Merge pull request #5803 from walden-/fullscreen

editor: add fullscreen mode

editor/css/dark.css

@@ -52,6 +52,8 @@ input.Number {
 	background: #111;
 	padding: 0px;
 	margin: 0px;
+	right: 0px;
+	top: 0px;
 }
 
 	#menubar .menu {

editor/css/light.css

@@ -53,6 +53,8 @@ input.Number {
 	background: #eee;
 	padding: 0px;
 	margin: 0px;
+	right: 0px;
+	top: 0px;
 }
 
 	#menubar .menu {

editor/js/Menubar.View.js

@@ -42,6 +42,36 @@ Menubar.View = function ( editor ) {
 	} );
 	options.add( option );
 
+	//
+
+	options.add( new UI.HorizontalRule() );
+
+	// fullscreen
+
+	var viewFullscreen = function ( element ) {
+
+		if ( element.requestFullscreen ) {
+			element.requestFullscreen();
+		} else if ( element.mozRequestFullScreen ) {
+			element.mozRequestFullScreen();
+		} else if ( element.webkitRequestFullscreen ) {
+			element.webkitRequestFullscreen();
+		} else if ( element.msRequestFullscreen ) {
+			element.msRequestFullscreen();
+		}
+
+	}
+
+	var option = new UI.Panel();
+	option.setClass( 'option' );
+	option.setTextContent( 'Fullscreen' );
+	option.onClick( function () {
+
+		viewFullscreen(document.body);
+
+	} );
+	options.add( option );
+
 	return container;
 
 };