Merge pull request #112 from enflujo/encuesta

📝 Agregar encuesta
enflujo · Sep 22, 2023 · 2430dd3 · 2430dd3
2 parents 38b1ec3 + e2681bd
commit 2430dd3
Show file tree

Hide file tree

Showing 8 changed files with 395 additions and 102 deletions.
diff --git a/src/componentes/Desplegable.astro b/src/componentes/Desplegable.astro
@@ -23,6 +23,8 @@ const { id } = Astro.props;
       return;
     } else if (id === 'creditos' && elemento.id === 'botonCreditos') {
       return;
+    } else if (id === 'encuesta' && elemento.id === 'botonEncuesta') {
+      return;
     }
 
     if (
@@ -45,6 +47,71 @@ const { id } = Astro.props;
 
 <style lang="scss" is:global>
   @import '@/scss/constantes';
+  .desplegable {
+    position: fixed;
+    overflow-y: auto;
+    top: 54px; // Buscar forma de calcular alto para convertir en: var(--altoMenu);
+    left: 0;
+    background-color: var(--blancoNube);
+    height: calc(100% - 54px);
+    width: 90vw;
+    padding: 2em 2em 3em 2.2em;
+    z-index: 8;
+    transform: translateX(-100%);
+    transition: transform 0.25s ease-out;
+
+    h3,
+    h4 {
+      margin-top: 2em;
+      padding-bottom: 0.2em;
+    }
+
+    li {
+      padding-top: 0.2em;
+    }
+
+    ul {
+      border-bottom: 1px solid;
+      padding-bottom: 2em;
+    }
+
+    h3 {
+      border-bottom: 1px solid;
+      padding-bottom: 2em;
+      font-size: 1.4em;
+      line-height: 1.2;
+    }
+
+    h4 {
+      font-size: 1.2em;
+      line-height: 1.3em;
+      font-weight: 400;
+      padding-bottom: 0.1em;
+    }
+
+    p {
+      margin: 0.5em 0;
+      line-height: 1.3em;
+    }
+
+    &.visible {
+      transform: translateX(0);
+    }
+
+    .cerrar {
+      font-size: 1.6em;
+      margin: 0;
+      padding: 0;
+      cursor: pointer;
+      transition: opacity 0.15s ease-out;
+      text-align: right;
+      margin-right: -1em;
+
+      &:hover {
+        opacity: 0.7;
+      }
+    }
+  }
 
   #glosario {
     .titulo {
@@ -56,6 +123,17 @@ const { id } = Astro.props;
     }
   }
 
+  #encuesta {
+    .titulo {
+      z-index: 5;
+      font-size: 2.2em;
+      line-height: 1em;
+      color: var(--naranjaMandarina);
+      border-bottom: 1px solid var(--grisTexto);
+      padding: 0.8em 0 0.6em;
+    }
+  }
+
   #creditos {
     .titulo {
       z-index: 5;
@@ -129,71 +207,6 @@ const { id } = Astro.props;
       line-height: 1em;
     }
   }
-  .desplegable {
-    position: fixed;
-    overflow-y: auto;
-    top: 54px; // Buscar forma de calcular alto para convertir en: var(--altoMenu);
-    left: 0;
-    background-color: var(--blancoNube);
-    height: calc(100% - 54px);
-    width: 90vw;
-    padding: 2em 2em 3em 2.2em;
-    z-index: 8;
-    transform: translateX(-100%);
-    transition: transform 0.25s ease-out;
-
-    h3,
-    h4 {
-      margin-top: 2em;
-      padding-bottom: 0.2em;
-    }
-
-    li {
-      padding-top: 0.2em;
-    }
-
-    ul {
-      border-bottom: 1px solid;
-      padding-bottom: 2em;
-    }
-
-    h3 {
-      border-bottom: 1px solid;
-      padding-bottom: 2em;
-      font-size: 1.4em;
-      line-height: 1.2;
-    }
-
-    h4 {
-      font-size: 1.2em;
-      line-height: 1.3em;
-      font-weight: 400;
-      padding-bottom: 0.1em;
-    }
-
-    p {
-      margin: 0.5em 0;
-      line-height: 1.3em;
-    }
-
-    &.visible {
-      transform: translateX(0);
-    }
-
-    .cerrar {
-      font-size: 1.6em;
-      margin: 0;
-      padding: 0;
-      cursor: pointer;
-      transition: opacity 0.15s ease-out;
-      text-align: right;
-      margin-right: -1em;
-
-      &:hover {
-        opacity: 0.7;
-      }
-    }
-  }
 
   @media screen and (min-width: $corte2) {
     .desplegable {