Newlines

shared/naturalcrit/splitPane/splitPane.jsx

@@ -1,99 +1,99 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
-
-var SplitPane = React.createClass({
-	getDefaultProps: function() {
-		return {
-			storageKey : 'naturalcrit-pane-split',
-			onDragFinish : function(){} //fires when dragging
-
-		};
-	},
-	getInitialState: function() {
-		return {
-			size : null,
-			isDragging : false
-		};
-	},
-	componentDidMount: function() {
-		var paneSize = window.localStorage.getItem(this.props.storageKey);
-		if(paneSize){
-			this.setState({
-				size : paneSize
-			})
-		}
-	},
-
-	handleUp : function(){
-		if(this.state.isDragging){
-			this.props.onDragFinish(this.state.size);
-			window.localStorage.setItem(this.props.storageKey, this.state.size);
-		}
-		this.setState({ isDragging : false });
-	},
-	handleDown : function(){
-		this.setState({ isDragging : true });
-		//this.unFocus()
-	},
-	handleMove : function(e){
-		if(!this.state.isDragging) return;
-		this.setState({
-			size : e.pageX
-		});
-	},
-/*
-	unFocus : function() {
-		if(document.selection){
-				document.selection.empty();
-		}else{
-			window.getSelection().removeAllRanges();
-		}
-	},
-*/
-	renderDivider : function(){
-		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(){
-		return <div className='splitPane' onMouseMove={this.handleMove} onMouseUp={this.handleUp}>
-			<Pane ref='pane1' width={this.state.size}>{this.props.children[0]}</Pane>
-			{this.renderDivider()}
-			<Pane ref='pane2'>{this.props.children[1]}</Pane>
-		</div>
-	}
-});
-
-
-
-
-
-
-var Pane = React.createClass({
-	getDefaultProps: function() {
-		return {
-			width : null
-		};
-	},
-	render : function(){
-		var styles = {};
-		if(this.props.width){
-			styles = {
-				flex : 'none',
-				width : this.props.width + 'px'
-			}
-		}
-		return <div className={cx('pane', this.props.className)} style={styles}>
-			{this.props.children}
-		</div>
-	}
-});
-
-
-module.exports = SplitPane;
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var SplitPane = React.createClass({
+	getDefaultProps: function() {
+		return {
+			storageKey : 'naturalcrit-pane-split',
+			onDragFinish : function(){} //fires when dragging
+
+		};
+	},
+	getInitialState: function() {
+		return {
+			size : null,
+			isDragging : false
+		};
+	},
+	componentDidMount: function() {
+		var paneSize = window.localStorage.getItem(this.props.storageKey);
+		if(paneSize){
+			this.setState({
+				size : paneSize
+			})
+		}
+	},
+
+	handleUp : function(){
+		if(this.state.isDragging){
+			this.props.onDragFinish(this.state.size);
+			window.localStorage.setItem(this.props.storageKey, this.state.size);
+		}
+		this.setState({ isDragging : false });
+	},
+	handleDown : function(){
+		this.setState({ isDragging : true });
+		//this.unFocus()
+	},
+	handleMove : function(e){
+		if(!this.state.isDragging) return;
+		this.setState({
+			size : e.pageX
+		});
+	},
+/*
+	unFocus : function() {
+		if(document.selection){
+				document.selection.empty();
+		}else{
+			window.getSelection().removeAllRanges();
+		}
+	},
+*/
+	renderDivider : function(){
+		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(){
+		return <div className='splitPane' onMouseMove={this.handleMove} onMouseUp={this.handleUp}>
+			<Pane ref='pane1' width={this.state.size}>{this.props.children[0]}</Pane>
+			{this.renderDivider()}
+			<Pane ref='pane2'>{this.props.children[1]}</Pane>
+		</div>
+	}
+});
+
+
+
+
+
+
+var Pane = React.createClass({
+	getDefaultProps: function() {
+		return {
+			width : null
+		};
+	},
+	render : function(){
+		var styles = {};
+		if(this.props.width){
+			styles = {
+				flex : 'none',
+				width : this.props.width + 'px'
+			}
+		}
+		return <div className={cx('pane', this.props.className)} style={styles}>
+			{this.props.children}
+		</div>
+	}
+});
+
+
+module.exports = SplitPane;

shared/naturalcrit/splitPane/splitPane.less

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