Commit 988133683a261fa7686960443877cc6bd9e2dc25
1 parent
661c693e
fullscreen
Showing
5 changed files
with
71 additions
and
8 deletions
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> | ... | ... |