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:
@@ -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(){
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user