From 90846fab81794605f6947816dfcf695a82303d6e Mon Sep 17 00:00:00 2001
From: Pavlo Tymchuk <pawel.tymczuk@gmail.com>
Date: Thu, 4 May 2017 23:09:48 +0200
Subject: [PATCH] Fix for #535: - hide/show code editor based on markdown
 editor state (could be CODE or PREVIEW); - changed styles for code editor;

---
 browser/components/MarkdownEditor.js   |  5 ++++-
 browser/components/MarkdownEditor.styl | 10 +++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/browser/components/MarkdownEditor.js b/browser/components/MarkdownEditor.js
index 789042260..988987776 100644
--- a/browser/components/MarkdownEditor.js
+++ b/browser/components/MarkdownEditor.js
@@ -221,7 +221,10 @@ class MarkdownEditor extends React.Component {
         onKeyDown={(e) => this.handleKeyDown(e)}
         onKeyUp={(e) => this.handleKeyUp(e)}
       >
-        <CodeEditor styleName='codeEditor'
+        <CodeEditor styleName={this.state.status === 'CODE'
+            ? 'codeEditor'
+            : 'codeEditor--hide'
+          }
           ref='code'
           mode='GitHub Flavored Markdown'
           value={value}
diff --git a/browser/components/MarkdownEditor.styl b/browser/components/MarkdownEditor.styl
index d62114acd..13455e5df 100644
--- a/browser/components/MarkdownEditor.styl
+++ b/browser/components/MarkdownEditor.styl
@@ -4,8 +4,14 @@
 .codeEditor
   absolute top bottom left right
 
+.hide
+  z-index 0
+  opacity 0
+  pointer-events none
+
 .codeEditor--hide
   @extend .codeEditor
+  @extend .hide
 
 .preview
   display block
@@ -17,7 +23,5 @@
 
 .preview--hide
   @extend .preview
-  z-index 0
-  opacity 0
-  pointer-events none
+  @extend .hide