f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-18 18:42:41 +00:00
Code Wiki Activity

Styled the divider

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
client/homebrew/splitPane/splitPane.jsx
View File

@@ -51,7 +51,13 @@ var SplitPane = React.createClass({
}, },
*/ */
renderDivider : function(){ 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(){ render : function(){

22
client/homebrew/splitPane/splitPane.less
View File

@@ -6,12 +6,26 @@
outline : none; outline : none;
flex-direction : row; flex-direction : row;
.pane{ .pane{
flex : 1; overflow-x : hidden;
overflow-x: hidden; flex : 1;
} }
.divider{ .divider{
width : 5px; display : table;
height : 100%;
width : 12px;
cursor : ew-resize; 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;
}
}
} }
} }