Markdown editor toolbar UI enhancements

This commit is contained in:
NGPixel
2016-08-30 23:38:21 -04:00
parent 16f300f0d5
commit e8ebf9d231
7 changed files with 26 additions and 8 deletions

View File

@@ -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) => {

View File

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

View File

@@ -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;
}