Commit 988133683a261fa7686960443877cc6bd9e2dc25

Authored by 范延丽
1 parent 661c693e

fullscreen

src/css/ide.css
@@ -277,6 +277,27 @@ html, body { @@ -277,6 +277,27 @@ html, body {
277 height: 36px; 277 height: 36px;
278 padding-top: 5px; } 278 padding-top: 5px; }
279 279
  280 +#console-wrap:-webkit-full-screen {
  281 + width: 100%;
  282 + height: 100%;
  283 + top: 0; }
  284 +
  285 +#console-wrap:-moz-full-screen {
  286 + width: 100%;
  287 + height: 100%;
  288 + top: 0; }
  289 +
  290 +#console-wrap:-ms-fullscreen {
  291 + width: 100%;
  292 + height: 100%;
  293 + top: 0; }
  294 +
  295 +#console-wrapfullscreen {
  296 + /* spec */
  297 + width: 100%;
  298 + height: 100%;
  299 + top: 0; }
  300 +
280 .btn { 301 .btn {
281 padding: 3px 18px; } 302 padding: 3px 18px; }
282 303
src/css/main.css
@@ -149,6 +149,27 @@ html, body { @@ -149,6 +149,27 @@ html, body {
149 height: 36px; 149 height: 36px;
150 padding-top: 5px; } 150 padding-top: 5px; }
151 151
  152 +#console-wrap:-webkit-full-screen {
  153 + width: 100%;
  154 + height: 100%;
  155 + top: 0; }
  156 +
  157 +#console-wrap:-moz-full-screen {
  158 + width: 100%;
  159 + height: 100%;
  160 + top: 0; }
  161 +
  162 +#console-wrap:-ms-fullscreen {
  163 + width: 100%;
  164 + height: 100%;
  165 + top: 0; }
  166 +
  167 +#console-wrapfullscreen {
  168 + /* spec */
  169 + width: 100%;
  170 + height: 100%;
  171 + top: 0; }
  172 +
152 .btn { 173 .btn {
153 padding: 3px 18px; } 174 padding: 3px 18px; }
154 175
src/gxb-ide/Iterm.js
@@ -110,7 +110,7 @@ @@ -110,7 +110,7 @@
110 }, 110 },
111 fullScreen: function(){ 111 fullScreen: function(){
112 112
113 - launchFullScreen(document.body); 113 + launchFullScreen(document.getElementById('console-wrap'));
114 $('#back-screen').show(); 114 $('#back-screen').show();
115 $('#full-screen').hide(); 115 $('#full-screen').hide();
116 }, 116 },
@@ -235,6 +235,8 @@ @@ -235,6 +235,8 @@
235 element.msRequestFullscreen(); 235 element.msRequestFullscreen();
236 } 236 }
237 237
  238 + $('.CodeMirror-gutter').css('display','none');
  239 + $('.console-wrap').css('paddingLeft','0');
238 240
239 } 241 }
240 function exitFullscreen() { 242 function exitFullscreen() {
src/scss/main.scss
@@ -200,6 +200,29 @@ html, body{ @@ -200,6 +200,29 @@ html, body{
200 } 200 }
201 } 201 }
202 202
  203 + #console-wrap:-webkit-full-screen{
  204 + width: 100%;
  205 + height: 100%;
  206 + top: 0;
  207 +}
  208 + #console-wrap:-moz-full-screen {
  209 + width: 100%;
  210 + height: 100%;
  211 + top: 0;
  212 +}
  213 +
  214 + #console-wrap:-ms-fullscreen {
  215 + width: 100%;
  216 + height: 100%;
  217 + top: 0;
  218 +}
  219 +
  220 + #console-wrapfullscreen { /* spec */
  221 + width: 100%;
  222 + height: 100%;
  223 + top: 0;
  224 +}
  225 +
203 .btn{ 226 .btn{
204 padding: 3px 18px; 227 padding: 3px 18px;
205 } 228 }
src/v1.1/index.html
@@ -48,10 +48,7 @@ @@ -48,10 +48,7 @@
48 vertical-align: middle; 48 vertical-align: middle;
49 padding-right: 2px; 49 padding-right: 2px;
50 } 50 }
51 - :-webkit-full-screen{  
52 - width: 100%;  
53 - height: 100%  
54 - } 51 +
55 </style> 52 </style>
56 53
57 54
@@ -81,8 +78,7 @@ @@ -81,8 +78,7 @@
81 <li><a href="#">图片</a></li> 78 <li><a href="#">图片</a></li>
82 <li><a href="#">bootstrap.css</a></li> 79 <li><a href="#">bootstrap.css</a></li>
83 <li><a href="#">bootstrap.js</a></li> 80 <li><a href="#">bootstrap.js</a></li>
84 - <li><a href="#">jQuery</a></li>  
85 - 81 + <li><a href="#">jQuery</a></li>
86 </ul> 82 </ul>
87 </div> 83 </div>
88 </li> 84 </li>
@@ -147,7 +143,7 @@ @@ -147,7 +143,7 @@
147 </div> 143 </div>
148 144
149 <div class="panel-body no-compile" id="ifrcontainer" > 145 <div class="panel-body no-compile" id="ifrcontainer" >
150 - <iframe id="resultiframe" frameBorder="0" width="100%" allowfullscreen></iframe> 146 + <iframe id="resultiframe" frameBorder="0" width="100%" ></iframe>
151 </div> 147 </div>
152 148
153 </div> 149 </div>