Merge pull request #203 from IGNF/feature/responsive-search

Gestion mobile barre de recherche
IGNF · May 3, 2024 · ff05261 · ff05261
2 parents b39b9ea + b625c2e
commit ff05261
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 7 deletions.
diff --git a/geoportal-extensions-openlayers-1.0.0-beta.13.tgz b/geoportal-extensions-openlayers-1.0.0-beta.13.tgz
diff --git a/geoportal-extensions-openlayers-1.0.0-beta.15.tgz b/geoportal-extensions-openlayers-1.0.0-beta.15.tgz
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
   "dependencies": {
     "@gouvfr/dsfr": "^1.11.2",
     "@gouvminint/vue-dsfr": "^5.14.2",
-    "geoportal-extensions-openlayers": "./geoportal-extensions-openlayers-1.0.0-beta.13.tgz",
+    "geoportal-extensions-openlayers": "./geoportal-extensions-openlayers-1.0.0-beta.15.tgz",
     "ol": "8.2.0"
   },
   "devDependencies": {

diff --git a/src/components/carte/Control.vue b/src/components/carte/Control.vue
@@ -76,3 +76,4 @@ const attributionsOptions = {}
     :overview-map-options="overviewMapOptions"
   />
 </template>
+
diff --git a/src/components/carte/control/SearchEngine.vue b/src/components/carte/control/SearchEngine.vue
@@ -13,6 +13,7 @@ const props = defineProps({
 
 const log = useLogger()
 const store = useDataStore()
+
 const { getLayerByName } = storeToRefs(store)
 
 const map = inject('map')
@@ -52,7 +53,21 @@ const onClickSearch = (e) => {
 <template></template>
 
 <style>
+/* Centrage de la barre de recherche avec marge horizontales auto et largeur fixe */
   div[id^="GPsearchEngine-"]{
-    left: 40vw;
+    position: relative;
+    width: 500px;
+    margin: 0 auto;
+    left: unset;
+  }
+
+  /* MODE MOBILE : les boutons sont en dessous de la barre de recherche qui prend toute la largeur */
+  @media (max-width: 576px){
+    div[id^=GPsearchEngine-]{
+      flex-direction: column;
+      top: unset;
+      left: unset;
+      width:100%;
+    }
   }
-</style>
+</style>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -76,3 +76,4 @@ const attributionsOptions = {}
		:overview-map-options="overviewMapOptions"
		/>
		</template>