From c34dd462b66a86d5a0735a0786655576c9dff54f Mon Sep 17 00:00:00 2001
From: Matus Benko <matus.benko@gmail.com>
Date: Fri, 8 Sep 2017 00:41:20 +0200
Subject: [PATCH] made sortable item helper visible by setting proper zindex

---
 browser/main/global.styl                           |  3 +++
 browser/main/modals/PreferencesModal/FolderList.js | 10 ++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/browser/main/global.styl b/browser/main/global.styl
index 552e0d6c..b84d2480 100644
--- a/browser/main/global.styl
+++ b/browser/main/global.styl
@@ -102,3 +102,6 @@ body[data-theme="dark"]
   background #B1D7FE
 ::selection
   background #B1D7FE
+
+.sortableItemHelper
+  z-index 1005
diff --git a/browser/main/modals/PreferencesModal/FolderList.js b/browser/main/modals/PreferencesModal/FolderList.js
index 7daa7243..2feac7f2 100644
--- a/browser/main/modals/PreferencesModal/FolderList.js
+++ b/browser/main/modals/PreferencesModal/FolderList.js
@@ -51,8 +51,6 @@ FolderList.propTypes = {
   })
 }
 
-const StyledFolderList = CSSModules(FolderList, styles)
-const SortableFolderList = SortableContainer(StyledFolderList)
 
 class SortableFolderListComponent extends React.Component {
   constructor (props) {
@@ -65,10 +63,14 @@ class SortableFolderListComponent extends React.Component {
   }
 
   render() {
+
+    const StyledFolderList = CSSModules(FolderList, this.props.styles)
+    const SortableFolderList = SortableContainer(StyledFolderList)
+
     return (
-      <SortableFolderList onSortEnd={this.onSortEnd} userDragHandle={true} {...this.props} />
+      <SortableFolderList helperClass='sortableItemHelper' onSortEnd={this.onSortEnd} userDragHandle={true} {...this.props} />
     )
   }
 }
 
-export default SortableFolderListComponent
+export default CSSModules(SortableFolderListComponent, styles)