😶‍🌫️ Totalement masquer la légende en mobile (#1558)

fabienheureux · web-flow · commit 9c23d5c27b43 · 2025-04-24T11:29:56.000Z
* Fully hide legend on mobile

* Fix legend

* wip

* wip
diff --git a/.secrets.baseline b/.secrets.baseline
@@ -178,7 +178,7 @@
         "filename": "jinja2/layout/base.html",
         "hashed_secret": "057dece35d736a3ae1e710a9cba3f080bd101cde",
         "is_verified": false,
-        "line_number": 62
+        "line_number": 65
       }
     ],
     "unit_tests/qfdmo/test_views.py": [
@@ -191,5 +191,5 @@
       }
     ]
   },
-  "generated_at": "2025-04-23T10:12:59Z"
+  "generated_at": "2025-04-24T11:22:55Z"
 }
diff --git a/jinja2/layout/base.html b/jinja2/layout/base.html
@@ -3,6 +3,9 @@
     lang="fr"
     class="qf-scroll-smooth"
     {% if not is_carte %}data-formulaire{% endif %}
+    {% if carte_config and carte_config.hide_legend %}
+    data-legend-hidden
+    {% endif %}
 >
     <head>
         <meta charset="utf-8">
diff --git a/jinja2/qfdmo/carte/header.html b/jinja2/qfdmo/carte/header.html
@@ -14,6 +14,7 @@
 >
     {% include 'qfdmo/_addresses_partials/adresse_input_form.html' %}
 
+    {% if not carte_config or not carte_config.hide_legend %}
     <div class="lg:qf-hidden fr-mt-1w qf-flex qf-justify-between">
         <button
             class="fr-btn fr-btn--sm fr-btn--tertiary"
@@ -26,7 +27,6 @@
         </button>
         <div class="qf-flex qf-flex-row-reverse">
             {% if form.legend_grouped_action|length > 1 %}
-            {% if carte_config and not carte_config.hide_legend %}
             <button
                 class="fr-btn fr-btn--sm fr-btn--secondary fr-ml-1w fr-btn--icon-left fr-icon-eye-line"
                 type="button"
@@ -36,7 +36,6 @@
                 Légende
             </button>
             {% endif %}
-            {% endif %}
             <button
                 class="fr-btn fr-btn--sm fr-btn--secondary fr-ml-1w fr-btn--icon-left fr-icon-equalizer-line"
                 type="button"
@@ -47,4 +46,5 @@
             </button>
         </div>
     </div>
+    {% endif %}
 </div>
diff --git a/jinja2/qfdmo/carte/panels/legend.html b/jinja2/qfdmo/carte/panels/legend.html
@@ -1,4 +1,4 @@
-{% if carte_config and not carte_config.hide_legend %}
+{% if not carte_config or not carte_config.hide_legend %}
 <aside
     data-testid="carte-legend"
     class="
diff --git a/static/to_compile/entrypoints/qfdmo.css b/static/to_compile/entrypoints/qfdmo.css
@@ -8,7 +8,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
 pre {
   font-family: Marianne, arial, sans-serif;
   font-weight: 500;
@@ -86,12 +85,16 @@ Style the autocomplete container:
 }
 
 :root {
-    --footer-height: 0;
-    --sidebar-width: 0;
-    --header-height: 120px;
+  --footer-height: 0;
+  --sidebar-width: 0;
+  --header-height: 120px;
+}
+
+:root[data-legend-hidden] {
+  --header-height: 0;
 }
 
 :root[data-formulaire] {
-    --footer-height: 100px;
-    --header-height: 135px;
+  --footer-height: 100px;
+  --header-height: 135px;
 }

Original file line number	Diff line number	Diff line change
`@@ -178,7 +178,7 @@`
`178`	`178`	`"filename": "jinja2/layout/base.html",`
`179`	`179`	`"hashed_secret": "057dece35d736a3ae1e710a9cba3f080bd101cde",`
`180`	`180`	`"is_verified": false,`
`181`		`- "line_number": 62`
	`181`	`+ "line_number": 65`
`182`	`182`	`}`
`183`	`183`	`],`
`184`	`184`	`"unit_tests/qfdmo/test_views.py": [`
`@@ -191,5 +191,5 @@`
`191`	`191`	`}`
`192`	`192`	`]`
`193`	`193`	`},`
`194`		`- "generated_at": "2025-04-23T10:12:59Z"`
	`194`	`+ "generated_at": "2025-04-24T11:22:55Z"`
`195`	`195`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-{% if carte_config and not carte_config.hide_legend %}`
	`1`	`+{% if not carte_config or not carte_config.hide_legend %}`
`2`	`2`	`<aside`
`3`	`3`	`data-testid="carte-legend"`
`4`	`4`	`class="`