Add back overflow hidden and handle overflow using padding

incubateur-ademe · Sep 12, 2024 · a836bde · a836bde
1 parent 3db19a9
commit a836bde
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/jinja2/qfdmo/_addresses_partials/iframe_form.html b/jinja2/qfdmo/_addresses_partials/iframe_form.html
@@ -8,8 +8,8 @@ <h1 class="qfdmo-hidden">Longue vie aux objets</h1>
     <div class="qfdmo-h-full qfdmo-flex qfdmo-flex-row" id='boo'>
 
         <div class="qfdmo-flex qfdmo-flex-col qfdmo-w-full sm:qfdmo-w-[604px] qfdmo-h-full" data-test-id="form-content">
-
-            <div class="qfdmo-flex-grow">
+            {# TODO: REFACTO OVERFLOW : supprimer les overflow et le padding left #}
+            <div class="qfdmo-flex-grow qfdmo-overflow-y-auto qfdmo-overflow-x-hidden qfdmo-pl-3v">
                 {# Direction #}
                 <fieldset class="fr-segmented fr-segmented--sm qfdmo-w-full fr-mt-3w">
                     <legend class="fr-segmented__legend qfdmo-hidden">
@@ -39,8 +39,6 @@ <h1 class="qfdmo-hidden">Longue vie aux objets</h1>
                         {% include "qfdmo/partials/action_list_by_direction.html" %}
                     {% endwith %}
                 </div>
-
-
             </div>
             <div class="fr-my-1w qfdmo-w-full qfdmo-flex qfdmo-flex-col sm:qfdmo-max-w-[604px] qfdmo-mx-auto">
 

diff --git a/jinja2/qfdmo/_addresses_partials/map_and_detail.html b/jinja2/qfdmo/_addresses_partials/map_and_detail.html
@@ -1,13 +1,13 @@
 <div
-    class="fr-container qfdmo-px-0 md:qfdmo-px-2w lg:qfdmo-px-3w qfdmo-relative qfdmo-flex-grow qfdmo-flex qfdmo-flex-col sm:qfdmo-flex-row
-    qfdmo-overflow-y-auto qfdmo-pt-1v"
+    class="fr-container qfdmo-px-0 md:qfdmo-px-2w lg:qfdmo-px-3w qfdmo-relative qfdmo-flex-grow qfdmo-flex qfdmo-flex-col sm:qfdmo-flex-row"
 >
     <div class="qfdmo-flex-grow qfdmo-flex qfdmo-flex-col">
         <div class="qfdmo-h-full qfdmo-w-full qfdmo-flex qfdmo-flex-col">
             {% if request.GET["digital"] == "1" %}
                 {# On line addresses#}
                 <div class="qfdmo-relative qfdmo-flex-grow qfdmo-shadow">
-                    <div class="qfdmo-px-2w sm:qfdmo-px-0 lg:qfdmo-px-0 qfdmo-absolute qfdmo-inset-0">
+                    {# TODO: REFACTO OVERFLOW : supprimer les overflow auto et le padding left sur la liste qui empêche l'outline de déborder du conteneur #}
+                    <div class="qfdmo-px-2w sm:qfdmo-px-1v qfdmo-absolute qfdmo-inset-0 qfdmo-overflow-y-auto qfdmo-pt-1v">
                         {% for adresse in acteurs.all() %}
                             <div data-action="click->search-solution-form#displayActeurDetails
                                 keydown.enter->search-solution-form#displayActeurDetails