diff --git a/shared/naturalcrit/splitPane/splitPane.jsx b/shared/naturalcrit/splitPane/splitPane.jsx
index 4d138e30b..691cf058f 100644
--- a/shared/naturalcrit/splitPane/splitPane.jsx
+++ b/shared/naturalcrit/splitPane/splitPane.jsx
@@ -85,13 +85,25 @@ const SplitPane = createClass({
},
*/
renderDivider : function(){
- return
-
-
-
-
+ return <>
+
console.log('left')} >
+
-
;
+
console.log('right')} >
+
+
+
+ >;
},
render : function(){
diff --git a/shared/naturalcrit/splitPane/splitPane.less b/shared/naturalcrit/splitPane/splitPane.less
index 0e9095193..7e3f819aa 100644
--- a/shared/naturalcrit/splitPane/splitPane.less
+++ b/shared/naturalcrit/splitPane/splitPane.less
@@ -13,7 +13,7 @@
.divider{
display : table;
height : 100%;
- width : 12px;
+ width : 15px;
cursor : ew-resize;
background-color : #bbb;
text-align : center;
@@ -32,4 +32,25 @@
background-color: #999;
}
}
+ .arrow{
+ position : absolute;
+ width : 25px;
+ height : 25px;
+ border : 2px solid black;
+ border-radius : 15px;
+ text-align : center;
+ font-size : 1.2em;
+ cursor : pointer;
+ background-color : #bbb;
+ z-index : 999;
+ &.left{
+ top : 30px;
+ }
+ &.right{
+ top : 60px;
+ }
+ &:hover{
+ background-color: #666;
+ }
+ }
}