Corrige la position de la gaufre mobile et le wrap de la page d'accueil

numerique-gouv · Aug 23, 2024 · c93ff4e · c93ff4e
1 parent 6c8eee2
commit c93ff4e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/web/b3desk/static/css/global.css b/web/b3desk/static/css/global.css
@@ -322,6 +322,16 @@ color: #000091;  }
   .rf-col.bottom-align-container > button {
     bottom: calc(1.5rem/2);
   }
+  .lasuite-homepage__content .fr-grid-row {
+    flex-wrap: nowrap;
+    gap: 1rem;
+  }
+  .lasuite-homepage__content .lasuite-homepage__secondary-col {
+    margin: 0rem auto 2rem;
+  }
+  .fr-header__menu-links .lasuite-gaufre-btn {
+    display: none !important;
+  }
 }
 
 @media only screen and (max-width : 768px) {
@@ -376,6 +386,13 @@ color: #000091;  }
   .modal-body p, .modal-body label{
     font-size:0.8em;
   }
+  .lasuite-homepage__content .fr-grid-row {
+    flex-wrap: wrap;
+    gap: 0rem;
+  }
+  .lasuite-homepage__content .lasuite-homepage__secondary-col {
+    margin: 2rem auto 2rem;
+  }
 }
 
 .rf-fi-refresh-fill::before {

diff --git a/web/b3desk/templates/brand.html b/web/b3desk/templates/brand.html
@@ -10,6 +10,15 @@
             <button class="fr-btn--menu fr-btn" data-fr-opened="false" aria-controls="modal-616" aria-haspopup="menu" id="button-617" title="Menu">
                 Menu
             </button>
+            {% if config.get("ENABLE_LASUITENUMERIQUE") %}
+                <button
+                    type="button"
+                    class="lasuite-gaufre-btn lasuite-gaufre-btn--vanilla js-lasuite-gaufre-btn"
+                    title="Les services de La Suite numérique"
+                    >
+                    Les services de La Suite numérique
+                </button>
+            {% endif %}
         </div>
     </div>
     <div class="fr-header__service">