Markdown editor toolbar UI enhancements

client/js/pages/edit.js

@@ -1,6 +1,9 @@
 
 if($('#page-type-edit').length) {
 
+	$('.editor-toolbar').attr('data-margin-top', $('#header').height());
+	var editorToolbarSticky = new Sticky('.editor-toolbar');
+
 	//-> Discard
 
 	$('.btn-edit-discard').on('click', (ev) => {

client/js/pages/source.js

@@ -7,6 +7,4 @@ if($('#page-type-source').length) {
   scEditor.setReadOnly(true);
   scEditor.renderer.updateFull();
 
-  console.log(scEditor.getSession().getLength());
-
 }

client/scss/components/_editor.scss

@@ -1,4 +1,23 @@
 
+.editor-toolbar {
+	z-index: 2;
+	background-color: #FFF;
+	border: none;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+	opacity: 0.9;
+
+	&:hover {
+		opacity: 1;
+	}
+
+}
+
+.CodeMirror {
+	border-left: none;
+	border-right: none;
+}
+
 .editor-toolbar i.separator {
 	margin-top: 5px;
 }

views/pages/create.pug

@@ -18,8 +18,7 @@ block rootNavRight
 block content
 
 	#page-type-create(data-entrypath=pageData.meta.path)
-		section.section.is-small
-			textarea#mk-editor= pageData.markdown
+		textarea#mk-editor= pageData.markdown
 
 	.modal#modal-create-discard
 		.modal-background

views/pages/edit.pug

@@ -22,7 +22,6 @@ block rootNavRight
 block content
 
 	#page-type-edit(data-entrypath=pageData.meta.path)
-		section.section.is-small
-			textarea#mk-editor= pageData.markdown
+		textarea#mk-editor= pageData.markdown
 
 	include ../modals/edit