From a01892948943075e4732d4a745e86d22e31486a5 Mon Sep 17 00:00:00 2001
From: nimish <nimishagarwal76@gmail.com>
Date: Wed, 13 Mar 2019 18:10:47 +0530
Subject: [PATCH] Remove file menu on blur

---
 client/modules/IDE/components/FileNode.jsx | 1 +
 client/styles/components/_sidebar.scss     | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/components/FileNode.jsx b/client/modules/IDE/components/FileNode.jsx
index d3b5be6b..7e5f1d70 100644
--- a/client/modules/IDE/components/FileNode.jsx
+++ b/client/modules/IDE/components/FileNode.jsx
@@ -154,6 +154,7 @@ export class FileNode extends React.Component {
                   tabIndex="0"
                   onClick={this.toggleFileOptions}
                   onBlur={() => setTimeout(this.hideFileOptions, 200)}
+                  style={{ display: (this.state.isOptionsOpen) ? 'inline-block' : '' }}
                 >
                   <InlineSVG src={downArrowUrl} />
                 </button>
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index dba607e0..bde98922 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -125,7 +125,6 @@
   @include icon();
   @include themify() {
     padding: #{4 / $base-font-size}rem 0;
-    background-color: map-get($theme-map, 'file-selected-color');
     padding-right: #{6 / $base-font-size}rem;
   }
   display: none;
@@ -137,6 +136,9 @@
       display: none;
     }
   }
+  .sidebar__file-item:hover > .file-item__content & {
+    display: inline-block;
+  }
   & svg {
     width: #{10 / $base-font-size}rem;
   }