Skip to content

Commit

Permalink
👷 Centrar y pulir los indicadores en propuesta #187
Browse files Browse the repository at this point in the history
  • Loading branch information
@1cgonza
1cgonza committed Sep 20, 2024
1 parent a440d1b commit 3152a8e
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 45 deletions.
53 changes: 25 additions & 28 deletions aplicaciones/www/src/componentes/PropuestaIndicador.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,50 +6,50 @@ const datosIndicador = datosYa.indicadores.find((instancia) => instancia.ruta ==
import { urlsAEnlacesHTML } from '@enflujo/alquimia';
---

<div class="contenedorInfoAdicional" data-hayDatos=`${datosIndicador.hay_datos}`>
<div class="contenedorSugerencias">
<div class="aviso">
<div class='contenedorInfoAdicional' data-hayDatos=`${datosIndicador.hay_datos}`>
<div class='contenedorSugerencias'>
<div class='aviso'>
No hay información suficiente para reconstruir este indicador. Proponemos algunas sugerencias de cómo podría
trabajarse.
</div>
<div class="sugerencia">
<h4 class="titulo">Responsables de medición</h4><p class="texto">
<div class='sugerencia'>
<h4 class='titulo'>Responsables de medición</h4><p class='texto'>
{datosIndicador.responsable}
</p>
</div>
<div class="sugerencia">
<h4 class="titulo">A quién le compete</h4><p
class="texto"
<div class='sugerencia'>
<h4 class='titulo'>A quién le compete</h4><p
class='texto'
set:html={urlsAEnlacesHTML(datosIndicador.compete_a)}
/>
</div>
</div>

<div class="fichaTecnica">
<h2 class="tituloSeccion tituloYa">{datosYa.nombre}</h2>
<p class="nombre">{datosIndicador.nombre}</p>
<div class="seccion">
<h4 class="titulo">Definición</h4><p class="texto" set:html={urlsAEnlacesHTML(datosIndicador.definicion)} />
<div class='fichaTecnica'>
<h2 class='tituloSeccion tituloYa'>{datosYa.nombre}</h2>
<p class='nombre'>{datosIndicador.nombre}</p>
<div class='seccion'>
<h4 class='titulo'>Definición</h4><p class='texto' set:html={urlsAEnlacesHTML(datosIndicador.definicion)} />
</div>
<h3 class="tituloSeccion">Información técnica</h3>
<section class="inferior">
<div class="seccion"><h4 class="titulo">Unidad de medida</h4><p class="texto">{datosIndicador.unidad}</p></div>
<div class="seccion">
<h4 class="titulo">Metodología de cálculo</h4><p class="texto">{datosIndicador.metodologia}</p>
<h3 class='tituloSeccion'>Información técnica</h3>
<section class='inferior'>
<div class='seccion'><h4 class='titulo'>Unidad de medida</h4><p class='texto'>{datosIndicador.unidad}</p></div>
<div class='seccion'>
<h4 class='titulo'>Metodología de cálculo</h4><p class='texto'>{datosIndicador.metodologia}</p>
</div>
<div class="seccion">
<h4 class="titulo">Cómo se interpreta</h4>
<p class="texto" set:html={urlsAEnlacesHTML(datosIndicador.interpretacion)} />
<div class='seccion'>
<h4 class='titulo'>Cómo se interpreta</h4>
<p class='texto' set:html={urlsAEnlacesHTML(datosIndicador.interpretacion)} />
</div>
</section>
</div>
</div>

<style lang="scss">
<style lang='scss'>
@import '@/scss/constantes';
.contenedorInfoAdicional {
display: flex;
position: absolute;
// position: absolute;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
Expand Down Expand Up @@ -148,11 +148,8 @@ import { urlsAEnlacesHTML } from '@enflujo/alquimia';
flex-wrap: wrap;

.aviso {
color: yellow;
background-color: var(--uvaProfunda);
padding: 3em;
border: solid 2px yellow;
border-radius: 10px;
font-size: 2em;
padding: 1.5em 0;
}

.sugerencia {
Expand Down
32 changes: 15 additions & 17 deletions aplicaciones/www/src/pages/[ya]/[indicador].astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,47 +51,45 @@ const archivosYa: { titulo: string; archivo: string; umbral?: number; ruta: stri
datosIndicador.hay_datos ? (
<>
<div
id="visualizaciones"
class="columna"
id='visualizaciones'
class='columna'
data-archivo={datosIndicador.archivo}
data-umbral={datosIndicador.umbral}
data-unidad={datosIndicador.unidad}
>
<div id="secionSuperior">
<div id="filtros">
<div id="indicadorSeleccionado">
<h2 id="nombreYa">{datosYa.nombre}</h2>
<h3 id="nombreIndicador">{datosIndicador.nombre}</h3>

<span id="abrirFicha">?</span>
<div id="contenedorInfoAdicional">
<div id='secionSuperior'>
<div id='filtros'>
<div id='indicadorSeleccionado'>
<h2 id='nombreYa'>{datosYa.nombre}</h2>
<h3 id='nombreIndicador'>{datosIndicador.nombre}</h3>

<span id='abrirFicha'>?</span>
<div id='contenedorInfoAdicional'>
<FichaTecnica rutaYa={datosYa.ruta} rutaIndicador={datosIndicador.ruta} />
</div>
</div>

<p id="descripcionIndicador">{datosIndicador.explicacion}</p>
<p id='descripcionIndicador'>{datosIndicador.explicacion}</p>
<Buscador />

<SelectorNivel />
<MenuAnios />
</div>
<div id="mapa">
<div id='mapa'>
<Mapa ancho={30} alto={45} />
</div>
</div>

<LineaTiempo alto={25} meta={datosIndicador.explicacion_umbral} umbral={datosIndicador.umbral} />
</div>

<div id="comparativo" class="columna" />
<div id="informacion" />
<div id='comparativo' class='columna' />
<div id='informacion' />
</>
) : (
<PropuestaIndicador />
)
}

<!-- {!datosIndicador.hay_datos && } -->
</Plantilla>

<script>
Expand Down Expand Up @@ -193,7 +191,7 @@ const archivosYa: { titulo: string; archivo: string; umbral?: number; ruta: stri
}
</script>

<style lang="scss">
<style lang='scss'>
@import '@/scss/constantes';

#visualizaciones {
Expand Down
1 change: 1 addition & 0 deletions aplicaciones/www/src/scss/estilos.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,7 @@ main {
margin-left: 50px;
display: flex;
flex-direction: column;
justify-content: center;

.columna {
flex-basis: 50%;
Expand Down

0 comments on commit 3152a8e

Please sign in to comment.