From d5168df8437e84f455d6b29b7a24fa3979603899 Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Tue, 4 Apr 2017 20:20:53 +0300 Subject: [PATCH] get childen of element instead of making selection by className --- app/components/SimpleEditor/miniEditor/miniEditor.js | 2 +- app/components/SimpleEditor/panes/Notes/Notes.js | 4 ++-- app/components/SimpleEditor/panes/Notes/notes.scss | 1 + 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/app/components/SimpleEditor/miniEditor/miniEditor.js b/app/components/SimpleEditor/miniEditor/miniEditor.js index 17c7961..a23db04 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 f918405..aff2ebf 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 45fd6da..0c80485 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; -- GitLab