diff --git a/app/assets/javascripts/editor/evaluation.js.erb b/app/assets/javascripts/editor/evaluation.js.erb index b4099811..7de3795a 100644 --- a/app/assets/javascripts/editor/evaluation.js.erb +++ b/app/assets/javascripts/editor/evaluation.js.erb @@ -154,7 +154,7 @@ CodeOceanEditorEvaluation = { //TODO: Move Prompt Part in own component showPrompt: function(msg) { var label = $('#prompt .input-group-addon'); - var prompt = $(this.prompt) + var prompt = $(this.prompt); label.text(msg.data || label.data('prompt')); if (prompt.isPresent() && prompt.hasClass('hidden')) { prompt.removeClass('hidden'); @@ -163,7 +163,7 @@ CodeOceanEditorEvaluation = { }, hidePrompt: function() { - var prompt = $(this.prompt) + var prompt = $(this.prompt); if (prompt.isPresent() && !prompt.hasClass('hidden')) { prompt.addClass('hidden'); } diff --git a/app/assets/stylesheets/editor.css.scss b/app/assets/stylesheets/editor.css.scss index 9f31fcbc..fce2bfa2 100644 --- a/app/assets/stylesheets/editor.css.scss +++ b/app/assets/stylesheets/editor.css.scss @@ -167,4 +167,8 @@ button i.fa-spin { -webkit-transition: height 2s; transition: height 2s; visibility: visible; +} + +.enforce-big-top-margin { + margin-top: 15px !important; } \ No newline at end of file diff --git a/app/views/exercises/_editor_output.html.slim b/app/views/exercises/_editor_output.html.slim index f2f5b4af..d084fb63 100644 --- a/app/views/exercises/_editor_output.html.slim +++ b/app/views/exercises/_editor_output.html.slim @@ -3,17 +3,15 @@ div id='output_sidebar_collapsed' div id='output_sidebar_uncollapsed' class='hidden col-sm-12' data-message-no-output=t('exercises.implement.no_output') .row = render('editor_button', classes: 'btn-block btn-primary btn-sm', icon: 'fa fa-minus-square', id: 'toggle-sidebar-output', label: t('exercises.editor.collapse_sidebar')) - hr - div + div.enforce-big-top-margin #turtlediv canvas#turtlecanvas.hidden width=400 height=400 style='border-style:solid;border-width:thin' - hr - div + div.enforce-big-top-margin #hint .panel.panel-warning .panel-heading = t('exercises.implement.hint') .panel-body - div + div.enforce-big-top-margin #prompt.input-group.hidden span.input-group-addon data-prompt=t('exercises.editor.input') = t('exercises.editor.input') input#prompt-input.form-control type='text'