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 #7565pull/7719/head
parent
d1e24681fa
commit
93443ef1a5
|
@ -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,7 +55,6 @@ export class Hike extends React.Component {
|
|||
|
||||
return (
|
||||
<Col xs={ 12 }>
|
||||
<Row>
|
||||
<header className='text-center'>
|
||||
<h4>{ title }</h4>
|
||||
</header>
|
||||
|
@ -66,7 +65,6 @@ export class Hike extends React.Component {
|
|||
title={ title }>
|
||||
{ this.renderBody(shouldShowQuestions) }
|
||||
</section>
|
||||
</Row>
|
||||
</Col>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue