Computer Basics (and all Video Challenges) flows out of screen on mobile devices

Removing react-bootstrap component Row from Hikes.jsx and Hike.jsx as it adds a row class which tightens the margins. Also removing inline overflow: hidden style that seemed to not affect anything as well as extraneous html elements.
Closes #7565
pull/7719/head
bteng22 2016-03-24 00:08:38 -07:00
parent d1e24681fa
commit 93443ef1a5
2 changed files with 17 additions and 23 deletions

View File

@ -1,6 +1,6 @@
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { Col, Row } from 'react-bootstrap';
import { Col } from 'react-bootstrap';
import { createSelector } from 'reselect';
import Lecture from './Lecture.jsx';
@ -55,18 +55,16 @@ export class Hike extends React.Component {
return (
<Col xs={ 12 }>
<Row>
<header className='text-center'>
<h4>{ title }</h4>
</header>
<hr />
<div className='spacer' />
<section
className={ 'text-center' }
title={ title }>
{ this.renderBody(shouldShowQuestions) }
</section>
</Row>
<header className='text-center'>
<h4>{ title }</h4>
</header>
<hr />
<div className='spacer' />
<section
className={ 'text-center' }
title={ title }>
{ this.renderBody(shouldShowQuestions) }
</section>
</Col>
);
}

View File

@ -1,7 +1,6 @@
import React, { PropTypes } from 'react';
import { compose } from 'redux';
import { connect } from 'react-redux';
import { Row } from 'react-bootstrap';
import PureComponent from 'react-pure-render/component';
import { createSelector } from 'reselect';
// import debug from 'debug';
@ -59,17 +58,14 @@ export class Hikes extends PureComponent {
render() {
const { hikes } = this.props;
const preventOverflow = { overflow: 'hidden' };
return (
<div>
<Row style={ preventOverflow }>
{
// render sub-route
this.props.children ||
// if no sub-route render hikes map
this.renderMap(hikes)
}
</Row>
{
// render sub-route
this.props.children ||
// if no sub-route render hikes map
this.renderMap(hikes)
}
</div>
);
}