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

Media queries everywhere to size iframe correctly

Browse Source
This commit is contained in:
Nathan Leniz
2015-02-04 02:29:38 -05:00
parent d5231fc43f
commit e55a85a18c
3 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
views/coursewares/show.jade
View File

@@ -18,7 +18,7 @@ block content
script(src='/js/lib/codemirror/mode/css/css.js')
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
.row.courseware-height
.col-xs-12.col-sm-12.col-md-3
.col-xs-12.col-sm-12.col-md-3.col-lg-3
.well
.row
.col-xs-12
@@ -52,17 +52,20 @@ block content
var challengeSeed = !{JSON.stringify(challengeSeed)};
var passedCoursewareHash = !{JSON.stringify(coursewareHash)};
var bonfireName = 'Testing Courseware';
.col-xs-12.col-sm-12.col-md-6
.col-xs-12.col-sm-12.col-md-5.col-lg-6
#mainEditorPanel
form.code
.form-group.codeMirrorView
textarea#codeEditor(autofocus=true)
script(src='/js/lib/coursewares/coursewaresFramework.js')
#complete-bonfire-dialog.modal(tabindex='-1')
.col-xs-12.col-sm-12.col-md-3
img.iphone-position(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png")
.col-md-4.col-lg-3
.hidden-xs.hidden-sm
img.iphone-position(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png")
iframe.iphone#preview
//
.visible-xs-block.visible-sm-block.text-center
iframe.no-phone#preview
//
//.modal-dialog.animated.zoomIn.fast-animation
// .modal-content