2fee89b0e6
bootstrap classes stack on smaller screens if breakpoints are not met. This fix removes the smaller screen classes that forced divs that would otherwise stack to instead overlay each other. This is the cause of the run button being blocks on smaller screens as a col that should stack to the bottom was instead being pushed to top. closes #1466
98 lines
5.3 KiB
Plaintext
98 lines
5.3 KiB
Plaintext
extends ../layout-wide
|
||
block content
|
||
script(src='/js/lib/codemirror/lib/codemirror.js')
|
||
script(src='/js/lib/codemirror/addon/edit/closebrackets.js')
|
||
script(src='/js/lib/codemirror/addon/edit/matchbrackets.js')
|
||
script(src='/js/lib/codemirror/addon/lint/lint.js')
|
||
script(src='/js/lib/codemirror/addon/lint/javascript-lint.js')
|
||
script(src='/bower_components/jshint/dist/jshint.js')
|
||
script(src='/js/lib/chai/chai.js')
|
||
script(src='/js/lib/chai/chai-jquery.js')
|
||
link(rel='stylesheet', href='/js/lib/codemirror/lib/codemirror.css')
|
||
link(rel='stylesheet', href='/js/lib/codemirror/addon/lint/lint.css')
|
||
link(rel='stylesheet', href='/js/lib/codemirror/theme/monokai.css')
|
||
link(rel='stylesheet', href='/css/ubuntu.css')
|
||
script(src='/js/lib/codemirror/mode/javascript/javascript.js')
|
||
script(src='/js/lib/jailed/jailed.js')
|
||
script(src='/js/lib/codemirror/mode/xml/xml.js')
|
||
script(src='/js/lib/codemirror/mode/css/css.js')
|
||
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
|
||
script(src='/js/lib/codemirror/addon/emmet/emmet.js')
|
||
.row.courseware-height
|
||
.col-md-3.col-lg-3
|
||
.scroll-locker(id = "scroll-locker")
|
||
.innerMarginFix(style = "width: 99%;")
|
||
.well
|
||
.row
|
||
.col-xs-12
|
||
h3.text-center.negative-10= name
|
||
.bonfire-instructions
|
||
for sentence in details
|
||
p.wrappable.negative-10!= sentence
|
||
.negative-bottom-margin-30
|
||
label.negative-10.btn.btn-primary.btn-lg.btn-block#submitButton
|
||
i.fa.fa-play
|
||
| Run tests (ctrl + enter)
|
||
.button-spacer
|
||
.btn-group.input-group.btn-group-justified
|
||
label.btn.btn-success#trigger-reset-modal
|
||
i.fa.fa-refresh
|
||
| Reset
|
||
label.btn.btn-success#trigger-help-modal
|
||
i.fa.fa-medkit
|
||
| Help
|
||
label.btn.btn-success#trigger-issue-modal
|
||
i.fa.fa-bug
|
||
| Bug
|
||
script.
|
||
var userLoggedIn = true;
|
||
if (!user)
|
||
.button-spacer
|
||
a.btn.signup-btn.btn-block.btn-block(href='/login') Sign in so you can save your progress
|
||
script.
|
||
var userLoggedIn = false;
|
||
.button-spacer
|
||
ul#testSuite.list-group
|
||
br
|
||
script(type="text/javascript").
|
||
$('#next-courseware-button').attr('disabled', 'disabled');
|
||
var tests = !{JSON.stringify(tests)};
|
||
var challengeSeed = !{JSON.stringify(challengeSeed)};
|
||
var challenge_Id = !{JSON.stringify(challengeId)};
|
||
var challenge_Name = !{JSON.stringify(name)};
|
||
var prodOrDev = !{JSON.stringify(environment)};
|
||
var dashedName = !{JSON.stringify(dashedName)};
|
||
var challengeType = !{JSON.stringify(challengeType)};
|
||
var started = Math.floor(Date.now());
|
||
.col-md-5.col-lg-6
|
||
.editorScrollDiv(style = "overflow-y: auto; overflow-x: hidden;")
|
||
#mainEditorPanel
|
||
form.code
|
||
.codeMirrorView
|
||
textarea#codeEditor(autofocus=true, style='display: none;')
|
||
script(src=rev('/js', 'commonFramework.js'))
|
||
script.
|
||
editor.setOption("mode", "text/html");
|
||
.col-md-4.col-lg-3
|
||
.hidden-xs.hidden-sm
|
||
img.iphone-position.iframe-scroll(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png", style = "z-index: -2;")
|
||
iframe.iphone.iframe-scroll#preview
|
||
.spacer
|
||
#complete-courseware-dialog.modal(tabindex='-1')
|
||
.modal-dialog.animated.fadeIn.fast-animation
|
||
.modal-content
|
||
.modal-header.challenge-list-header
|
||
= compliment
|
||
a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
|
||
.modal-body
|
||
.text-center
|
||
#checkmark-container.row
|
||
#challenge-checkmark.animated.zoomInDown.delay-half
|
||
span.completion-icon.ion-checkmark-circled.text-primary
|
||
.spacer
|
||
if(user)
|
||
#submit-challenge.animated.fadeIn.btn.btn-lg.btn-primary.btn-block Submit and go to my next challenge (ctrl + enter)
|
||
else
|
||
a.btn.btn-lg.btn-primary.btn-block(href='/challenges/next-challenge?id=' + challengeId) Go to my next challenge
|
||
include ../partials/challenge-modals
|