add super badge

gip-inclusion · Jul 24, 2024 · 3fa7e5d · 3fa7e5d
1 parent 7685bed
commit 3fa7e5d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/lemarche/static/itou_marche/itou_marche.scss b/lemarche/static/itou_marche/itou_marche.scss
@@ -1,5 +1,12 @@
+$yellow-super-badge--bg-color: #fff7e0;
+$yellow-super-badge--borders-color: #fcc63a;
+
 .lemarche {
     &--align-right {
         float: right;
     }
+
+    &-super-badge {
+        background-color: $yellow-super-badge--bg-color;
+    }
 }
diff --git a/lemarche/templates/includes/_super_badge.html b/lemarche/templates/includes/_super_badge.html
@@ -1,6 +1,6 @@
 {% if siae.super_badge %}
-    <p class="fr-badge fr-badge--yellow-tournesol super-badge-badge fr-mt-4v">
+    <p class="fr-tag lemarche-super-badge">
         <span class="fr-icon-award-fill"></span>
         Super prestataire
     </p>
-{% endif %}
+{% endif %}
diff --git a/lemarche/templates/siaes/_card_search_result.html b/lemarche/templates/siaes/_card_search_result.html
@@ -10,10 +10,8 @@ <h3 class="fr-card__title">
                 Lorem [...] elit ut.
             </p>
             <div class="fr-card__start">
-                <ul class="fr-tags-group">
-                    <li>
-                        <p class="fr-tag">label tag</p>
-                    </li>
+                <ul class="fr-tags-group lemarche--align-right">
+                    <li>{% include "includes/_super_badge.html" with siae=siae %}</li>
                     <li>
                         <p class="fr-tag">label tag</p>
                     </li>