Remove file menu on blur

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>

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