diff --git a/app/assets/javascripts/markdown_editor.js.coffee b/app/assets/javascripts/markdown_editor.js.coffee
index 0afd8c9e9..e7c982afd 100644
--- a/app/assets/javascripts/markdown_editor.js.coffee
+++ b/app/assets/javascripts/markdown_editor.js.coffee
@@ -12,9 +12,18 @@ App.MarkdownEditor =
breaks: true,
typographer: true,
})
+
App.MarkdownEditor.refresh_preview($(this), md)
+
$(this).on 'change input paste keyup', ->
App.MarkdownEditor.refresh_preview($(this), md)
return
+ $(this).find('.fullscreen-toggle').on 'click', ->
+ $('.markdown-editor').toggleClass('fullscreen')
+
+ if $('.markdown-editor').hasClass('fullscreen')
+ $('.markdown-editor textarea').height($(window).height() - 100)
+ else
+ $('.markdown-editor textarea').height("10em")
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 4968983f0..7512e7ef1 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -394,3 +394,34 @@ table.investment-projects-summary {
white-space: nowrap;
}
}
+
+
+// Markdown Editor
+// ---------------
+
+.markdown-editor {
+ background-color: white;
+}
+
+.markdown-editor #markdown-preview {
+ overflow-y: auto;
+ height: 15em;
+}
+
+.markdown-editor textarea {
+ height: 15em;
+}
+
+.markdown-editor.fullscreen {
+ z-index: 9999;
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+
+.markdown-editor.fullscreen #markdown-preview {
+ height: 99%;
+}
+
diff --git a/app/views/admin/legislation/draft_versions/_form.html.erb b/app/views/admin/legislation/draft_versions/_form.html.erb
index 1363a188d..edcad5993 100644
--- a/app/views/admin/legislation/draft_versions/_form.html.erb
+++ b/app/views/admin/legislation/draft_versions/_form.html.erb
@@ -61,8 +61,11 @@