Merge pull request numerique-gouv#143 from yaal-coop/suite-numerique

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

web/b3desk/static/css/global.css

@@ -269,6 +269,11 @@ dialog.scampi-modal {
   border-bottom: 2px solid #9C9C9C;
   word-break: break-word;
 }
+
+.fr-modal__body code {
+  word-break: break-word;
+}
+
 button.btn-copy {
   height: 100%;
 }
@@ -322,6 +327,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 +391,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 {

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">