fix some css details

enredacoop · Nov 15, 2023 · 4b2f49e · 4b2f49e
1 parent 354f5ca
commit 4b2f49e
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 12 deletions.
diff --git a/src/components/project-card.html b/src/components/project-card.html
@@ -17,8 +17,7 @@ <h5>{{ subtitle }}</h5>
       </div>
       <div class="categories">
         {% for category in categories %}
-        <span>{{ category }}</span>
-        {% endfor %}
+        <span>{{ category }}</span>&nbsp; {% endfor %}
       </div>
     </div>
     <div class="tail">

diff --git a/src/css/noticia.css b/src/css/noticia.css
@@ -83,9 +83,14 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.noticia .content .body p {
+.noticia .content .body p,
+.noticia .content .body ul,
+.noticia .content .body hr {
   margin-bottom: 20px;
 }
+.noticia .content .body ul {
+  margin-left: 1rem;
+}
 .noticia .content .body img {
   width: 100%;
   height: auto;

diff --git a/src/css/project-card.css b/src/css/project-card.css
@@ -121,13 +121,6 @@
   height: 2.626rem;
   margin-right: 0.5rem;
 }
-.project-card .categories {
-  margin-bottom: 2.62rem;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
 .project-card .categories span {
   display: inline-block;
   box-sizing: border-box;
@@ -137,7 +130,13 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   padding: var(--card-category-tag-padding);
-  margin-right: var(--card-category-tag-margin-right);
+}
+.project-card .categories {
+  margin-bottom: 2.62rem;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 .project-card .content .action {
   display: flex;

diff --git a/src/css/proyectos.css b/src/css/proyectos.css
@@ -66,6 +66,7 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  display: none;
 }
 .proyectos section.search .radio input:checked ~ label {
   background-color: var(--primary);

diff --git a/src/js/functions.js b/src/js/functions.js
@@ -349,6 +349,8 @@ async function _projectSearch(query, category) {
       var categoryTag = document.createElement("span");
       categoryTag.textContent = element.categories[i];
       categoriesDiv.appendChild(categoryTag);
+      var whiteSpace = document.createTextNode("\u00A0 ");
+      categoriesDiv.appendChild(whiteSpace);
     }
 
     head.appendChild(categoriesDiv);

diff --git a/src/proyectos/reforma-constitucional-somalia.md b/src/proyectos/reforma-constitucional-somalia.md
@@ -5,7 +5,8 @@ image: https://ik.imagekit.io/5sj5zvywt/Proyectos/reforma-somalia.jpeg?updatedAt
 subtitle: Desarrollo de una plataforma de participación digital para la reforma constitucional.
 client: Naciones Unidas para el Desarrollo (PNUD)
 ods: [5, 6]
-categories: ["Participación ciudadana", "Software de participación"]
+categories:
+  ["Participación ciudadana", "Software de participación", "Sostenibilidad"]
 summary: Enreda va a trabajar junto con la oficina somalí del Programa de las Naciones Unidas para el Desarrollo (PNUD -UNDP) para desarrollar una plataforma de participación digital, que será usada por Ministerio de Asuntos Constitucionales del Gobierno de Somalia para recibir propuestas ciudadanas en el proceso de reforma constitucional.
 
 # Meta tags