梁美英 / 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,6 +284,10 @@ html, body {
284 padding-left: 0; } 284 padding-left: 0; }
285 #console-wrap:-webkit-full-screen .CodeMirror-gutter { 285 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
286 display: none; } 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 #console-wrap:-moz-full-screen { 292 #console-wrap:-moz-full-screen {
289 width: 100%; 293 width: 100%;
@@ -292,6 +296,10 @@ html, body { @@ -292,6 +296,10 @@ html, body {
292 padding-left: 0; } 296 padding-left: 0; }
293 #console-wrap:-moz-full-screen .CodeMirror-gutter { 297 #console-wrap:-moz-full-screen .CodeMirror-gutter {
294 display: none; } 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 #console-wrap:-ms-fullscreen { 304 #console-wrap:-ms-fullscreen {
297 width: 100%; 305 width: 100%;
@@ -300,6 +308,10 @@ html, body { @@ -300,6 +308,10 @@ html, body {
300 padding-left: 0; } 308 padding-left: 0; }
301 #console-wrap:-ms-fullscreen .CodeMirror-gutter { 309 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
302 display: none; } 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 #console-wrapfullscreen { 316 #console-wrapfullscreen {
305 /* spec */ 317 /* spec */
@@ -309,6 +321,10 @@ html, body { @@ -309,6 +321,10 @@ html, body {
309 padding-left: 0; } 321 padding-left: 0; }
310 #console-wrapfullscreen .CodeMirror-gutter { 322 #console-wrapfullscreen .CodeMirror-gutter {
311 display: none; } 323 display: none; }
  324 + #console-wrapfullscreen #ifrcontainer {
  325 + height: 100%; }
  326 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  327 + height: 100%; }
312 328
313 .btn { 329 .btn {
314 padding: 3px 18px; } 330 padding: 3px 18px; }
src/css/main.css
  View file @8cbcf65
@@ -156,6 +156,10 @@ html, body { @@ -156,6 +156,10 @@ html, body {
156 padding-left: 0; } 156 padding-left: 0; }
157 #console-wrap:-webkit-full-screen .CodeMirror-gutter { 157 #console-wrap:-webkit-full-screen .CodeMirror-gutter {
158 display: none; } 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 #console-wrap:-moz-full-screen { 164 #console-wrap:-moz-full-screen {
161 width: 100%; 165 width: 100%;
@@ -164,6 +168,10 @@ html, body { @@ -164,6 +168,10 @@ html, body {
164 padding-left: 0; } 168 padding-left: 0; }
165 #console-wrap:-moz-full-screen .CodeMirror-gutter { 169 #console-wrap:-moz-full-screen .CodeMirror-gutter {
166 display: none; } 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 #console-wrap:-ms-fullscreen { 176 #console-wrap:-ms-fullscreen {
169 width: 100%; 177 width: 100%;
@@ -172,6 +180,10 @@ html, body { @@ -172,6 +180,10 @@ html, body {
172 padding-left: 0; } 180 padding-left: 0; }
173 #console-wrap:-ms-fullscreen .CodeMirror-gutter { 181 #console-wrap:-ms-fullscreen .CodeMirror-gutter {
174 display: none; } 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 #console-wrapfullscreen { 188 #console-wrapfullscreen {
177 /* spec */ 189 /* spec */
@@ -181,6 +193,10 @@ html, body { @@ -181,6 +193,10 @@ html, body {
181 padding-left: 0; } 193 padding-left: 0; }
182 #console-wrapfullscreen .CodeMirror-gutter { 194 #console-wrapfullscreen .CodeMirror-gutter {
183 display: none; } 195 display: none; }
  196 + #console-wrapfullscreen #ifrcontainer {
  197 + height: 100%; }
  198 + #console-wrapfullscreen #ifrcontainer #resultiframe {
  199 + height: 100%; }
184 200
185 .btn { 201 .btn {
186 padding: 3px 18px; } 202 padding: 3px 18px; }
src/scss/_mixin.scss
  View file @8cbcf65
@@ -182,6 +182,22 @@ @@ -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 @mixin _transition($value, $prefixs: webkit moz ms o spec) { 203 @mixin _transition($value, $prefixs: webkit moz ms o spec) {
src/scss/main.scss
  View file @8cbcf65
  1 +@import 'mixin';
1 html, body{ 2 html, body{
2 width: 100%; 3 width: 100%;
3 height: 100%; 4 height: 100%;
@@ -201,48 +202,20 @@ html, body{ @@ -201,48 +202,20 @@ html, body{
201 } 202 }
202 203
203 #console-wrap:-webkit-full-screen{ 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 #console-wrap:-moz-full-screen { 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 #console-wrap:-ms-fullscreen { 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 #console-wrapfullscreen { /* spec */ 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 .btn{ 221 .btn{