gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix the html mobile view to have taller iframe

Browse Source
This commit is contained in:
Quincy Larson
2015-06-03 15:50:28 -07:00
parent aa0ba45bf2
commit d6e09ad1e5
2 changed files with 53 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/main.less
View File

@ -773,7 +773,7 @@ iframe.iphone {
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
overflow-y: visible; overflow-y: visible;
height: 500px;
} }
} }
@ -1092,7 +1092,6 @@ hr {
.iframe-scroll { .iframe-scroll {
position: fixed !important; position: fixed !important;
margin-top: 75px; margin-top: 75px;
z-index: 9999;
} }
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {

2
views/coursewares/showHTML.jade
View File

@ -19,6 +19,7 @@ block content
script(src='/js/lib/codemirror/mode/css/css.js') script(src='/js/lib/codemirror/mode/css/css.js')
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js') script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
.row.courseware-height .row.courseware-height
.vertical-scroll
.col-xs-12.col-sm-12.col-md-3.col-lg-3 .col-xs-12.col-sm-12.col-md-3.col-lg-3
.well .well
.row .row
@ -80,6 +81,7 @@ block content
.hidden-xs.hidden-sm .hidden-xs.hidden-sm
img.iphone-position.iframe-scroll(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png") img.iphone-position.iframe-scroll(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png")
iframe.iphone.iframe-scroll#preview iframe.iphone.iframe-scroll#preview
.spacer
#complete-courseware-dialog.modal(tabindex='-1') #complete-courseware-dialog.modal(tabindex='-1')
.modal-dialog.animated.zoomIn.fast-animation .modal-dialog.animated.zoomIn.fast-animation
.modal-content .modal-content