hotfix(votepeloclima): change styles from partners-list template tag

nossas · Sep 2, 2024 · fa2c2f8 · fa2c2f8
1 parent 0eee435
commit fa2c2f8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/app/contrib/partners/templates/partners/partners_list.html b/app/contrib/partners/templates/partners/partners_list.html
@@ -1,9 +1,5 @@
-<div class="grid">
   {% for partner in partners %}
-  <div class="g-col-4 g-col-md-1">
     <a href="{{ partner.link }}" target="_blank" rel="noopener noreferrer">
-      <img src="{{ partner.logo.url }}" alt="{{ partner.name }}" class="partner-logo">
+      <img src="{{ partner.logo.url }}" alt="{{ partner.name }}">
     </a>
-  </div>
   {% endfor %}
-</div>
diff --git a/app/org_eleicoes/votepeloclima/static/scss/custom.scss b/app/org_eleicoes/votepeloclima/static/scss/custom.scss
@@ -197,6 +197,17 @@ legend.form-label {
 }
 
 // Partner Tag
-.partner-logo {
-    max-width: 120px;
+.partners-list {
+    a {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    img {
+        width: 125px;
+        height: 70px;
+        object-fit: contain;
+        object-position: center;
+    }
 }
diff --git a/app/org_eleicoes/votepeloclima/templates/votepeloclima/base.html b/app/org_eleicoes/votepeloclima/templates/votepeloclima/base.html
@@ -86,7 +86,9 @@ <h5 class="fw-bold text-uppercase text-white">Realização</h5>
       <hr class="g-col-12" />
       <div class="g-col-12">
         <h5 class="text-uppercase text-white">Quem assina</h5>
-        {% show_partners %}
+        <div class="partners-list d-flex flex-wrap gap-2">
+          {% show_partners %}
+        </div>
       </div>
     </div>
   </div>