Fix home style issues

This commit is contained in:
vjrj 2018-01-24 20:21:42 +01:00
parent 4674b48069
commit 3a85cfacf2
4 changed files with 36 additions and 28 deletions

View file

@ -161,7 +161,7 @@ class SelectionMap extends Component {
const { t, onRemove } = this.props; const { t, onRemove } = this.props;
return ( return (
this.isValidState() ? this.isValidState() ?
<Fragment> <div>
<Map <Map
className="selectionmap-leaflet-container" className="selectionmap-leaflet-container"
center={this.state.center} center={this.state.center}
@ -175,8 +175,9 @@ class SelectionMap extends Component {
wakeTime={750} wakeTime={750}
onViewportChanged={this.onViewportChanged} onViewportChanged={this.onViewportChanged}
sleepNote sleepNote
hoverToWake hoverToWake={false}
wakeMessage={t('Pulsa para activar')} wakeMessage={t('Pulsa para activar')}
wakeMessageTouch={t('Pulsa para activar')}
sleepOpacity={0.6} sleepOpacity={0.6}
> >
<DefMapLayers gray={false} /> <DefMapLayers gray={false} />
@ -250,7 +251,7 @@ class SelectionMap extends Component {
</ButtonGroup> </ButtonGroup>
</Control> </Control>
</Map> </Map>
</Fragment> : </div> :
<div />); <div />);
} }
} }

View file

@ -184,8 +184,9 @@ class FiresMap extends React.Component {
sleepTime={10750} sleepTime={10750}
wakeTime={750} wakeTime={750}
sleepNote sleepNote
hoverToWake hoverToWake={false}
wakeMessage={this.props.t('Pulsa para activar')} wakeMessage={this.props.t('Pulsa para activar')}
wakeMessageTouch={this.props.t('Pulsa para activar')}
sleepOpacity={0.6} sleepOpacity={0.6}
> >
{/* http://wiki.openstreetmap.org/wiki/Tile_servers */} {/* http://wiki.openstreetmap.org/wiki/Tile_servers */}

View file

@ -245,4 +245,8 @@
.sect6 { .sect6 {
background-color: $todos-back5; background-color: $todos-back5;
}
.sect3, sect4, sect5, sect6 {
overflow: visible !important;
} }

View file

@ -87,31 +87,33 @@ class SubscriptionsMap extends React.Component {
<Row> <Row>
<Trans>En verde, las zonas vigiladas por nuestros usuari@s actualmente. ¡Participa!</Trans>&nbsp;(*) <Trans>En verde, las zonas vigiladas por nuestros usuari@s actualmente. ¡Participa!</Trans>&nbsp;(*)
</Row> </Row>
<Map
ref={(map) => {
this.subscriptionsMap = map;
this.handleLeafletLoad(map);
}}
zoom={this.state.viewport.zoom}
center={this.state.viewport.center}
className="subscriptionsmap-leaflet-container"
animate
sleep={window.location.pathname === '/'}
sleepTime={10750}
wakeTime={750}
sleepNote
hoverToWake
wakeMessage={this.props.t('Pulsa para activar')}
sleepOpacity={0.6}
>
<DefMapLayers />
<Control position="topright" >
<ButtonGroup>
<CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} {... this.props} />
</ButtonGroup>
</Control>
</Map>
</Col> </Col>
<Map
ref={(map) => {
this.subscriptionsMap = map;
this.handleLeafletLoad(map);
}}
zoom={this.state.viewport.zoom}
center={this.state.viewport.center}
className="subscriptionsmap-leaflet-container"
animate
sleep={window.location.pathname === '/'}
sleepTime={10750}
wakeTime={750}
sleepNote
hoverToWake={false}
wakeMessage={this.props.t('Pulsa para activar')}
wakeMessageTouch={this.props.t('Pulsa para activar')}
sleepOpacity={0.6}
>
<DefMapLayers />
<Control position="topright" >
<ButtonGroup>
<CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} {... this.props} />
</ButtonGroup>
</Control>
</Map>
<Row> <Row>
<Col xs={12} sm={12} md={12} lg={12}> <Col xs={12} sm={12} md={12} lg={12}>
<p className="subscriptionsmap-footnote"><span style={{ paddingRight: '5px' }}>(*)</span><Trans i18nKey="mapPrivacy" parent="span"><em>Para preservar la privacidad de nuestros usuarios/as, los datos reflejados están aleatoriamente alterados y son solo orientativos.</em></Trans></p> <p className="subscriptionsmap-footnote"><span style={{ paddingRight: '5px' }}>(*)</span><Trans i18nKey="mapPrivacy" parent="span"><em>Para preservar la privacidad de nuestros usuarios/as, los datos reflejados están aleatoriamente alterados y son solo orientativos.</em></Trans></p>