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

View file

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

View file

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

View file

@ -87,31 +87,33 @@ class SubscriptionsMap extends React.Component {
<Row>
<Trans>En verde, las zonas vigiladas por nuestros usuari@s actualmente. ¡Participa!</Trans>&nbsp;(*)
</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>
<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>
<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>