diff --git a/app/components/SimpleEditor/miniEditor/miniEditor.js b/app/components/SimpleEditor/miniEditor/miniEditor.js index 17c7961e9159792c0fb7621eea1909529179175f..a23db04caac930d61a59b9eb06ae854311813153 100644 --- a/app/components/SimpleEditor/miniEditor/miniEditor.js +++ b/app/components/SimpleEditor/miniEditor/miniEditor.js @@ -18,7 +18,7 @@ class MiniEditor extends ProseEditor { // TEMP // const commentsPane = $$('ul').addClass('sc-comment-pane-list').addClass('sc-comments-pane').append('notes Editor Comments') - console.log($$(Comments)) + var commentsPane = $$(Comments, { // TODO -- should probably remove the || {} // comments: this.props.fragment.comments || {}, diff --git a/app/components/SimpleEditor/panes/Notes/Notes.js b/app/components/SimpleEditor/panes/Notes/Notes.js index f918405617b6dae2887bf1030baeb5b397d8f7db..aff2ebfdb0b2e04a7a8706f8a5333132d63e4599 100644 --- a/app/components/SimpleEditor/panes/Notes/Notes.js +++ b/app/components/SimpleEditor/panes/Notes/Notes.js @@ -24,8 +24,8 @@ class Notes extends Component { resize (e) { const height = (this.el.el.offsetHeight + this.el.el.offsetTop - e.clientY) - const scrollPane = document.getElementsByClassName('se-scrollable') - scrollPane[1].style.minHeight = height - 40 + 'px' + const scrollPane = document.getElementById('mini-editor-content-panel').children + scrollPane[0].style.minHeight = height - 40 + 'px' this.el.el.style.height = height + 'px' } diff --git a/app/components/SimpleEditor/panes/Notes/notes.scss b/app/components/SimpleEditor/panes/Notes/notes.scss index 45fd6dad6cb78683e3004b82d990aa0a635479d8..0c80485b0cb8785525375a7d1c834c5fa534e331 100644 --- a/app/components/SimpleEditor/panes/Notes/notes.scss +++ b/app/components/SimpleEditor/panes/Notes/notes.scss @@ -12,6 +12,7 @@ $white: #fff; z-index: 0; .resize-area { + padding-top: 40px; background-color: red; cursor: row-resize; height: 5px;