0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-30 21:52:43 +00:00

Styled the divider

This commit is contained in:
Scott Tolksdorf
2016-05-06 14:58:39 -04:00
parent 12e1059071
commit 62470f2958
2 changed files with 25 additions and 5 deletions

View File

@@ -51,7 +51,13 @@ var SplitPane = React.createClass({
},
*/
renderDivider : function(){
return <div className='divider' onMouseDown={this.handleDown} />
return <div className='divider' onMouseDown={this.handleDown}>
<div className='dots'>
<i className='fa fa-circle' />
<i className='fa fa-circle' />
<i className='fa fa-circle' />
</div>
</div>
},
render : function(){

View File

@@ -6,12 +6,26 @@
outline : none;
flex-direction : row;
.pane{
flex : 1;
overflow-x: hidden;
overflow-x : hidden;
flex : 1;
}
.divider{
width : 5px;
display : table;
height : 100%;
width : 12px;
cursor : ew-resize;
background-color : black;
background-color : #bbb;
text-align : center;
.dots{
display : table-cell;
vertical-align : middle;
text-align : center;
i{
display : block;
margin : 10px 0px;
font-size : 6px;
color : #666;
}
}
}
}