add class to remove header and footer in mobile versions

MTES-MCT · Nov 13, 2023 · 45787bc · 45787bc
1 parent 4fe741a
commit 45787bc
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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
@@ -1,3 +1,4 @@
+{% set bodyClass = 'remove-mobile-header-footer' %}
 {% extends 'base.html.twig' %}
 
 {% block title %}Déposez votre signalement{% endblock %}