update icons display in listview

gip-inclusion · Sep 4, 2024 · 76320fc · 76320fc
1 parent 6afa3ec
commit 76320fc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/lacommunaute/partner/tests/__snapshots__/tests_partner_listview.ambr b/lacommunaute/partner/tests/__snapshots__/tests_partner_listview.ambr
@@ -10,7 +10,9 @@
                               <div class="col mb-3 mb-md-5">
                                   <div class="card c-card has-one-link-inside h-100">
 
-                                          <img alt="Best Partner Ever" class="card-img-top" loading="lazy" src="[img src]"/>
+                                          <div class="card-header card-header--partners">
+                                              <img alt="Best Partner Ever" class="img-fluid" loading="lazy" src="[img src]"/>
+                                          </div>
 
                                       <div class="card-body pb-0">
                                           <p class="h3 lh-base">Best Partner Ever</p>

diff --git a/lacommunaute/static/stylesheets/itou_communaute.scss b/lacommunaute/static/stylesheets/itou_communaute.scss
@@ -222,3 +222,7 @@ span.highlighted {
 .rating .ri-star-fill {
   color: rgb(254, 208, 0);
 }
+
+.card-header--partners {
+  max-height: 100px;
+}
diff --git a/lacommunaute/templates/partner/list.html b/lacommunaute/templates/partner/list.html
@@ -22,7 +22,9 @@ <h1 class="s-title-01__title h1">{% trans "Partners" %}</h1>
                             <div class="col mb-3 mb-md-5">
                                 <div class="card c-card has-one-link-inside h-100">
                                     {% if partner.logo %}
-                                        <img src="{{ partner.logo.url }}" alt="{{ partner.name }}" class="card-img-top" loading="lazy" />
+                                        <div class="card-header card-header--partners">
+                                            <img src="{{ partner.logo.url }}" alt="{{ partner.name }}" loading="lazy" class="img-fluid">
+                                        </div>
                                     {% endif %}
                                     <div class="card-body pb-0">
                                         <p class="h3 lh-base">{{ partner.name }}</p>