Added temporary fixed frame

Modernizr · Aug 26, 2014 · a6b8de8 · a6b8de8
1 parent c033336
commit a6b8de8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/js/components/App.jsx b/src/js/components/App.jsx
@@ -68,7 +68,7 @@ var App = React.createClass({
 
 		return (
 			<div className="App">
-				<div className="App-header c-contrast">
+				<div className="App-header c-contrast" style={{position: 'fixed', top: 0, zIndex: 1}}>
 					<MainHeader
 						search={<Search searchValue={this.state.searchValue} />}
 						selectionCount={selectionCount}
@@ -80,7 +80,7 @@ var App = React.createClass({
 						activeRouteName={activeRoute.props.name}
 					/>
 				</div>
-				<div className="App-main">
+				<div className="App-main" style={{marginTop: 120, position: 'relative', zIndex: 0}}>
 					<div className="Container">
 
 						<ReactCSSTransitionGroup transitionName="pageswitch" component={React.DOM.div}>

diff --git a/src/js/components/DetectsPage.jsx b/src/js/components/DetectsPage.jsx
@@ -18,7 +18,7 @@ var DetectsPage = React.createClass({
 				<div className="Grid Grid--withGutter">
 					<div className="Grid-cell u-size7of10">
 						<div className="Grid Grid--withGutter">
-							<div className="Grid-cell u-size4of14">
+							<div className="Grid-cell u-size4of14" style={{width: '19.4% !important', position: 'fixed'}}>
 								<div className="BoxSet">
 									{this.props.selectionOnly &&
 									<div className="BoxSet-item">
@@ -49,14 +49,14 @@ var DetectsPage = React.createClass({
 									</div>
 								</div>
 							</div>
-							<div className="Grid-cell u-size10of14" style={{minHeight: 1}}>
+							<div className="Grid-cell u-size10of14" style={{left: '29%', position: 'relative', minHeight: 1}}>
 								{this.props.results ?
 									<ResultList currentResult={this.props.currentResult} results={this.props.results} selection={this.props.selection} currentIndex={this.props.currentIndex} />
 									: null}
 							</div>
 						</div>
 					</div>
-					<div className="Grid-cell u-size3of10">
+					<div className="Grid-cell u-size3of10" style={{position: 'fixed'}}>
 						{this.props.currentResult ?
 							<Detail detect={this.props.currentResult} />
 							: null}