More work in fire messages. Home style on desktop improved
This commit is contained in:
parent
521507e425
commit
40bc9e2f24
6 changed files with 46 additions and 33 deletions
|
|
@ -1,5 +1,7 @@
|
|||
// FIXME Right now, only industry type should be a permanent 'false alarm', the rest are temporally
|
||||
|
||||
const types = {
|
||||
industry: 'Es una industria (altos hornos, incineradora, etc)',
|
||||
industry: 'Es una industria',
|
||||
controled: 'Es una quema controlada',
|
||||
falsealarm: 'Parece una falsa alarma'
|
||||
};
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@ class Fire extends React.Component {
|
|||
key={key}
|
||||
type="button"
|
||||
>
|
||||
{FalsePositiveTypes[key]}
|
||||
<Trans>{FalsePositiveTypes[key]}</Trans>
|
||||
</button>
|
||||
))
|
||||
}
|
||||
|
|
|
|||
|
|
@ -142,8 +142,8 @@ class FiresMap extends React.Component {
|
|||
<Col xs={12} sm={6} md={6} lg={6} >
|
||||
<p className="firesmap-legend">
|
||||
{ this.props.activefires.length === 0 ?
|
||||
<Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment> :
|
||||
<Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} /></Trans></Fragment>
|
||||
<Fragment><Trans parent="span" i18nKey="noActiveFireInMapCount">No hay fuegos activos en esta zona del mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment> :
|
||||
<Fragment><Trans parent="span" i18nKey="activeFireInMapCount">En rojo, <strong>{{ count: this.props.activefires.length }}</strong> fuegos activos en el mapa. Hay un total de <strong>{{ countTotal: this.props.activefirestotal }}</strong> fuegos activos detectados en todo el mundo por la NASA.</Trans> <Trans>Datos actualizados <FromNow when={this.props.lastCheck} />.</Trans></Fragment>
|
||||
}
|
||||
</p>
|
||||
{isNotHomeAndMobile &&
|
||||
|
|
|
|||
|
|
@ -45,9 +45,9 @@
|
|||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
.carousel-caption > h3 {
|
||||
font-size: 2.0rem;
|
||||
}
|
||||
.carousel-caption > h3 {
|
||||
font-size: 2.0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.py-5 > .container > {
|
||||
|
|
@ -64,20 +64,20 @@
|
|||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
.py-5 > .container > {
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.py-5 > .container > {
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
.pt-5, .py-5 {
|
||||
padding-top: 1rem !important;
|
||||
}
|
||||
.pt-5, .py-5 {
|
||||
padding-top: 1rem !important;
|
||||
}
|
||||
|
||||
.moto {
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.moto {
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.slide-2-icon {
|
||||
|
|
@ -100,7 +100,10 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.slide-1-icon:before, .slide-2-icon:before, .slide-3-icon:before, .slide-4-icon:before {
|
||||
.slide-1-icon:before,
|
||||
.slide-2-icon:before,
|
||||
.slide-3-icon:before,
|
||||
.slide-4-icon:before {
|
||||
font-family: FontAwesome;
|
||||
/* position: absolute; */
|
||||
font-size: 140px;
|
||||
|
|
@ -111,18 +114,20 @@
|
|||
}
|
||||
|
||||
@include breakpoint(mobile) {
|
||||
.slide-1-icon:before,
|
||||
.slide-2-icon:before,
|
||||
.slide-3-icon:before,
|
||||
.slide-4-icon:before {
|
||||
font-size: 100px;
|
||||
}
|
||||
.slide-1-icon:before,
|
||||
.slide-2-icon,
|
||||
.slide-2-icon:before,
|
||||
.slide-3-icon:before,
|
||||
.slide-4-icon:before {
|
||||
font-size: 100px;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.slide-3-icon:before,
|
||||
.slide-4-icon:before {
|
||||
top: 10px;
|
||||
/* top: -50px; */
|
||||
}
|
||||
.slide-3-icon:before,
|
||||
.slide-4-icon:before {
|
||||
top: 10px;
|
||||
/* top: -50px; */
|
||||
}
|
||||
}
|
||||
|
||||
.slide-1-icon:before {
|
||||
|
|
|
|||
|
|
@ -161,5 +161,5 @@
|
|||
"Verifica tu dirección de correo": "Verify Your Email Address",
|
||||
"Zonas vigiladas": "Monitored areas",
|
||||
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "In green, the areas monitored by our users currently",
|
||||
"Datos actualizados <1></1>": "Data updated <1></1>"
|
||||
"Datos actualizados <1></1>.": "Data updated <1></1>."
|
||||
}
|
||||
|
|
|
|||
|
|
@ -232,7 +232,7 @@
|
|||
"Verifica tu dirección de correo",
|
||||
"Zonas vigiladas": "Zonas vigiladas",
|
||||
"En verde, las zonas vigiladas por nuestros usuari@s actualmente": "En verde, las zonas vigiladas por nuestros usuari@s actualmente",
|
||||
"Datos actualizados <1></1>": "Datos actualizados <1></1>",
|
||||
"Datos actualizados <1></1>.": "Datos actualizados <1></1>.",
|
||||
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!":
|
||||
"Tomamos nota, ¡gracias por colaborar! Tomamos nota, ¡gracias por colaborar!",
|
||||
"Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:": "Indícanos de que tipo de fuego se trata y ayúdanos así a mejorar nuestras notificaciones:",
|
||||
|
|
@ -240,5 +240,11 @@
|
|||
"Regístrate o inicia sesión para aportar información sobre este fuego":
|
||||
"Regístrate o inicia sesión para aportar información sobre este fuego",
|
||||
"Fuego no encontrado":
|
||||
"Fuego no encontrado"
|
||||
"Fuego no encontrado",
|
||||
"Es una industria":
|
||||
"Es una industria",
|
||||
"Es una quema controlada":
|
||||
"Es una quema controlada",
|
||||
"Parece una falsa alarma":
|
||||
"Parece una falsa alarma"
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue