comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style improvements for mobile

Browse source
This commit is contained in:
vjrj 2018-01-19 11:04:14 +01:00
parent c79f8b5f8b
commit cd16f45d8e
28 changed files with 345 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

2
imports/ui/pages/Fires/Fires.js
View file

@ -74,7 +74,7 @@ class Fire extends React.Component {
{' '}
{t('Por ejemplo:')}
<ul>
<li>{t('si conoces esta zona y cómo acceder a el fuego (esto puede de ser de ayuda para apagarlo si sigue activo o para investigarlo en un futuro)')}</li>
<li>{t('si conoces esta zona y cómo acceder al fuego (esto puede de ser de ayuda para apagarlo si sigue activo o para investigarlo en un futuro)')}</li>
<li>{t('si conoces el motivo por el que comenzó el fuego')}</li>
<li>{t('si quieres denunciar algún tipo de ilegalidad, incluso anónimamente')}</li>
<li>{t('o cualquier otra información')}</li>

10
imports/ui/pages/Fires/Fires.scss
View file

@ -1,3 +1,6 @@
@import '../../stylesheets/colors';
@import '../../stylesheets/mixins';
.fire-leaflet-container {
min-height: 30vh;
min-width: 40vw;
@ -8,19 +11,18 @@
}
.ViewFire > h4.page-header {
line-height: 1.5em;
line-height: 1.3em;
}
@media (max-width: 768px) {
.leaflet-container {
.fire-leaflet-container {
width: 100%;
}
}
.comments-info {
font-size: 14px;
color: #818182;
color: $light;
/* display: inline-flex; */
/* background-color: #fefefe;
border-color: #fdfdfe;