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

More work in fire messages. Home style on desktop improved

Browse source
This commit is contained in:
vjrj 2018-01-29 20:22:01 +01:00
parent 521507e425
commit 40bc9e2f24
6 changed files with 46 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -116,7 +116,7 @@ class Fire extends React.Component {
key={key}
type="button"
>
{FalsePositiveTypes[key]}
<Trans>{FalsePositiveTypes[key]}</Trans>
</button>
))
}

4
imports/ui/pages/FiresMap/FiresMap.js
View file

@ -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 &&

57
imports/ui/pages/Index/Index-custom.scss
View file

@ -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 {