Merge pull request #424 from MTES-MCT/feature/carto-16-9

Carto super simu 16/9E
MTES-MCT · Sep 30, 2024 · 547f574 · 547f574
2 parents ad3df62 + a9bf471
commit 547f574
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/envergo/static/sass/project.scss b/envergo/static/sass/project.scss
@@ -1827,6 +1827,15 @@ main.demonstrateur_2150 {
     #moulinette,
     #triage {
       max-width: 650px;
+
+      @media (width < 20em) {
+        #map-container {
+          &::before {
+            // switch from ratio 16x9 to ratio 4x3 when width < 320px/20em
+            padding-bottom: 75%;
+          }
+        }
+      }
     }
   }
 

diff --git a/envergo/templates/amenagement/moulinette/form.html b/envergo/templates/amenagement/moulinette/form.html
@@ -25,7 +25,7 @@
         l'emplacement du projet.
       </label>
       <figure class="fr-content-media">
-        <div id="map-container" class="ratio-4x3 fr-mt-1w fr-mb-2w fr-raw-link">
+        <div id="map-container" class="ratio-16x9 fr-mt-1w fr-mb-2w fr-raw-link">
           <div class="ratio-content">
             <div class="leaflet-container">
               <div id="map"></div>