Commit 988133683a261fa7686960443877cc6bd9e2dc25

Authored by 范延丽
1 parent 661c693e

fullscreen

src/css/ide.css
... ... @@ -277,6 +277,27 @@ html, body {
277 277 height: 36px;
278 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 301 .btn {
281 302 padding: 3px 18px; }
282 303  
... ...
src/css/main.css
... ... @@ -149,6 +149,27 @@ html, body {
149 149 height: 36px;
150 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 173 .btn {
153 174 padding: 3px 18px; }
154 175  
... ...
src/gxb-ide/Iterm.js
... ... @@ -110,7 +110,7 @@
110 110 },
111 111 fullScreen: function(){
112 112  
113   - launchFullScreen(document.body);
  113 + launchFullScreen(document.getElementById('console-wrap'));
114 114 $('#back-screen').show();
115 115 $('#full-screen').hide();
116 116 },
... ... @@ -235,6 +235,8 @@
235 235 element.msRequestFullscreen();
236 236 }
237 237  
  238 + $('.CodeMirror-gutter').css('display','none');
  239 + $('.console-wrap').css('paddingLeft','0');
238 240  
239 241 }
240 242 function exitFullscreen() {
... ...
src/scss/main.scss
... ... @@ -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 226 .btn{
204 227 padding: 3px 18px;
205 228 }
... ...
src/v1.1/index.html
... ... @@ -48,10 +48,7 @@
48 48 vertical-align: middle;
49 49 padding-right: 2px;
50 50 }
51   - :-webkit-full-screen{
52   - width: 100%;
53   - height: 100%
54   - }
  51 +
55 52 </style>
56 53  
57 54  
... ... @@ -81,8 +78,7 @@
81 78 <li><a href="#">图片</a></li>
82 79 <li><a href="#">bootstrap.css</a></li>
83 80 <li><a href="#">bootstrap.js</a></li>
84   - <li><a href="#">jQuery</a></li>
85   -
  81 + <li><a href="#">jQuery</a></li>
86 82 </ul>
87 83 </div>
88 84 </li>
... ... @@ -147,7 +143,7 @@
147 143 </div>
148 144  
149 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 147 </div>
152 148  
153 149 </div>
... ...