From 45787bc3d835ee13084e5915eda889d49a8c43a0 Mon Sep 17 00:00:00 2001
From: emilschn <emilien.schneider@beta.gouv.fr>
Date: Mon, 13 Nov 2023 12:24:47 +0100
Subject: [PATCH] add class to remove header and footer in mobile versions

---
 .../vue/components/signalement-form/TheSignalementAppForm.vue | 4 ++--
 templates/base.html.twig                                      | 2 +-
 templates/front/nouveau_formulaire.html.twig                  | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/assets/vue/components/signalement-form/TheSignalementAppForm.vue b/assets/vue/components/signalement-form/TheSignalementAppForm.vue
index 9eaacf816..e5ff51287 100644
--- a/assets/vue/components/signalement-form/TheSignalementAppForm.vue
+++ b/assets/vue/components/signalement-form/TheSignalementAppForm.vue
@@ -194,11 +194,11 @@ export default defineComponent({
 </script>
 
 <style>
-  .fr-header, .fr-footer {
+  .remove-mobile-header-footer .fr-header, .remove-mobile-header-footer .fr-footer {
     display: none;
   }
   @media (min-width: 48em) {
-    .fr-header, .fr-footer {
+    .remove-mobile-header-footer .fr-header, .remove-mobile-header-footer .fr-footer {
       display: inherit;
     }
   }
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 381ae74dd..39fedb79a 100755
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -89,7 +89,7 @@
     2:'REFUSEE',
     3:'CLOTUREE',
 } %}
-<body>
+<body {% if bodyClass is defined %}class="{{ bodyClass }}"{% endif %}>
 {% if 'back_' not in app.request.get('_route') %}
     {% include "header.html.twig" %}
     {% for label, messages in app.flashes %}
diff --git a/templates/front/nouveau_formulaire.html.twig b/templates/front/nouveau_formulaire.html.twig
index 5384e2541..17a9063eb 100755
--- a/templates/front/nouveau_formulaire.html.twig
+++ b/templates/front/nouveau_formulaire.html.twig
@@ -1,3 +1,4 @@
+{% set bodyClass = 'remove-mobile-header-footer' %}
 {% extends 'base.html.twig' %}
 
 {% block title %}Déposez votre signalement{% endblock %}
