GVSU/marten-application
GVSU/marten-application
1
0
Fork 0
Code Pull Requests Releases Activity

made list scrollable

Browse Source
This commit is contained in:
Al Duncanson 2018-10-27 16:59:36 -04:00
parent 7543839985
commit 7736f3ff33
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.css
View File

@ -19,7 +19,12 @@ body {
width: 99% !important;
}
.sighting-details {
.sighting-list {
height: calc(100vh - 64px);
overflow-y: scroll;
}
.sighting-details-content {
margin-top: 330px;
}

2
src/components/SightingDetail.js
View File

@ -15,7 +15,7 @@ class SightingDetail extends Component {
return (
<Fragment>
<SightingDetailMap lat={this.props.detail.lat} lng={this.props.detail.lng}/>
<div className='sighting-details'>
<div className='sighting-details-content'>
<p>{`Confidence: ${this.props.detail.confidence}`}</p>
<p>{`When: ${this.props.detail.date}, ${this.props.detail.time}`}</p>
<p>{`Where: ${this.props.detail.lat} degrees N, and ${this.props.detail.lng} degrees E`}</p>

4
src/components/ViewSightings.js
View File

@ -70,7 +70,7 @@ class ViewSightings extends Component {
return (
<Fragment>
<Grid container>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} className='sighting-list'>
<Fragment>
<List>
{
@ -86,7 +86,7 @@ class ViewSightings extends Component {
</List>
</Fragment>
</Grid>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} className='sighting-details'>
{this.state.clicked === true && <SightingDetail detail={ this.state.selectedSighting }/>}
</Grid>
</Grid>