Browse Source

add fullscreen mode (from view menu)

walden- 10 years ago
parent
commit
0eabadc4e0
5 changed files with 31 additions and 0 deletions
  1. 2 0
      editor/css/dark.css
  2. 2 0
      editor/css/light.css
  3. 1 0
      editor/index.html
  4. 11 0
      editor/js/Fullscreen.js
  5. 15 0
      editor/js/Menubar.View.js

+ 2 - 0
editor/css/dark.css

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

+ 2 - 0
editor/css/light.css

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

+ 1 - 0
editor/index.html

@@ -81,6 +81,7 @@
 		<script src="js/Toolbar.js"></script>
 		<script src="js/Viewport.js"></script>
 		<script src="js/Viewport.Info.js"></script>
+        <script src="js/Fullscreen.js"></script>
 
 		<script>
 

+ 11 - 0
editor/js/Fullscreen.js

@@ -0,0 +1,11 @@
+function launchIntoFullscreen(element) {
+  if(element.requestFullscreen) {
+    element.requestFullscreen();
+  } else if(element.mozRequestFullScreen) {
+    element.mozRequestFullScreen();
+  } else if(element.webkitRequestFullscreen) {
+    element.webkitRequestFullscreen();
+  } else if(element.msRequestFullscreen) {
+    element.msRequestFullscreen();
+  }
+}

+ 15 - 0
editor/js/Menubar.View.js

@@ -42,6 +42,21 @@ Menubar.View = function ( editor ) {
 	} );
 	options.add( option );
 
+    //
+
+    options.add( new UI.HorizontalRule() );
+
+    // fullscreen
+    var option = new UI.Panel();
+    option.setClass( 'option' );
+    option.setTextContent( 'Fullscreen' );
+    option.onClick( function () {
+
+        launchIntoFullscreen(document.body);
+
+    } );
+    options.add( option );
+
 	return container;
 
 };