梁美英 / programming · Commits

Commit 8cbcf6527e3c30a95f3cea3ddeea2defa254e719

Authored by 范延丽
1 parent 3bd79874

fullscreen

Inline Side-by-side
Showing 4 changed files with 53 additions and 32 deletions
src/css/ide.css
  View file @8cbcf65
... ... @@ -284,6 +284,10 @@ html, body {
284 284 padding-left: 0; }
285 285 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
286 286 display: none; }
  287 + #console-wrap:-webkit-full-screen #ifrcontainer {
  288 + height: 100%; }
  289 + #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
  290 + height: 100%; }
287 291  
288 292 #console-wrap:-moz-full-screen {
289 293 width: 100%;
... ... @@ -292,6 +296,10 @@ html, body {
292 296 padding-left: 0; }
293 297 #console-wrap:-moz-full-screen .CodeMirror-gutter {
294 298 display: none; }
  299 + #console-wrap:-moz-full-screen #ifrcontainer {
  300 + height: 100%; }
  301 + #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
  302 + height: 100%; }
295 303  
296 304 #console-wrap:-ms-fullscreen {
297 305 width: 100%;
... ... @@ -300,6 +308,10 @@ html, body {
300 308 padding-left: 0; }
301 309 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
302 310 display: none; }
  311 + #console-wrap:-ms-fullscreen #ifrcontainer {
  312 + height: 100%; }
  313 + #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
  314 + height: 100%; }
303 315  
304 316 #console-wrapfullscreen {
305 317 /* spec */
... ... @@ -309,6 +321,10 @@ html, body {
309 321 padding-left: 0; }
310 322 #console-wrapfullscreen .CodeMirror-gutter {
311 323 display: none; }
  324 + #console-wrapfullscreen #ifrcontainer {
  325 + height: 100%; }
  326 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  327 + height: 100%; }
312 328  
313 329 .btn {
314 330 padding: 3px 18px; }
... ...
src/css/main.css
  View file @8cbcf65
... ... @@ -156,6 +156,10 @@ html, body {
156 156 padding-left: 0; }
157 157 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
158 158 display: none; }
  159 + #console-wrap:-webkit-full-screen #ifrcontainer {
  160 + height: 100%; }
  161 + #console-wrap:-webkit-full-screen #ifrcontainer #resultiframe {
  162 + height: 100%; }
159 163  
160 164 #console-wrap:-moz-full-screen {
161 165 width: 100%;
... ... @@ -164,6 +168,10 @@ html, body {
164 168 padding-left: 0; }
165 169 #console-wrap:-moz-full-screen .CodeMirror-gutter {
166 170 display: none; }
  171 + #console-wrap:-moz-full-screen #ifrcontainer {
  172 + height: 100%; }
  173 + #console-wrap:-moz-full-screen #ifrcontainer #resultiframe {
  174 + height: 100%; }
167 175  
168 176 #console-wrap:-ms-fullscreen {
169 177 width: 100%;
... ... @@ -172,6 +180,10 @@ html, body {
172 180 padding-left: 0; }
173 181 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
174 182 display: none; }
  183 + #console-wrap:-ms-fullscreen #ifrcontainer {
  184 + height: 100%; }
  185 + #console-wrap:-ms-fullscreen #ifrcontainer #resultiframe {
  186 + height: 100%; }
175 187  
176 188 #console-wrapfullscreen {
177 189 /* spec */
... ... @@ -181,6 +193,10 @@ html, body {
181 193 padding-left: 0; }
182 194 #console-wrapfullscreen .CodeMirror-gutter {
183 195 display: none; }
  196 + #console-wrapfullscreen #ifrcontainer {
  197 + height: 100%; }
  198 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  199 + height: 100%; }
184 200  
185 201 .btn {
186 202 padding: 3px 18px; }
... ...
src/scss/_mixin.scss
  View file @8cbcf65
... ... @@ -182,6 +182,22 @@
182 182 }
183 183 }
184 184  
  185 +@mixin full_screen{
  186 + width: 100%;
  187 + height: 100%;
  188 + top: 0;
  189 + padding-left:0;
  190 +
  191 + .CodeMirror-gutter{
  192 + display: none;
  193 + }
  194 + #ifrcontainer{
  195 + height: 100%;
  196 + #resultiframe{
  197 + height: 100%
  198 + }
  199 + }
  200 +}
185 201  
186 202 // 过渡
187 203 @mixin _transition($value, $prefixs: webkit moz ms o spec) {
... ...
src/scss/main.scss
  View file @8cbcf65
  1 +@import 'mixin';
1 2 html, body{
2 3 width: 100%;
3 4 height: 100%;
... ... @@ -201,48 +202,20 @@ html, body{
201 202 }
202 203  
203 204 #console-wrap:-webkit-full-screen{
204   - width: 100%;
205   - height: 100%;
206   - top: 0;
207   - padding-left:0;
208   -
209   - .CodeMirror-gutter{
210   - display: none;
211   - }
  205 + @include full_screen;
212 206  
213 207 }
214 208  
215 209 #console-wrap:-moz-full-screen {
216   - width: 100%;
217   - height: 100%;
218   - top: 0;
219   - padding-left:0;
220   -
221   - .CodeMirror-gutter{
222   - display: none;
223   - }
  210 + @include full_screen;
224 211 }
225 212  
226 213 #console-wrap:-ms-fullscreen {
227   - width: 100%;
228   - height: 100%;
229   - top: 0;
230   - padding-left:0;
231   -
232   - .CodeMirror-gutter{
233   - display: none;
234   - }
  214 + @include full_screen;
235 215 }
236 216  
237 217 #console-wrapfullscreen { /* spec */
238   - width: 100%;
239   - height: 100%;
240   - top: 0;
241   - padding-left:0;
242   -
243   - .CodeMirror-gutter{
244   - display: none;
245   - }
  218 + @include full_screen;
246 219 }
247 220  
248 221 .btn{
... ...