fix(search): position des résultats quand le search est dans un coin (#…

…308)
IGNF · Dec 20, 2024 · a0df2c0 · a0df2c0
1 parent 79b80e9
commit a0df2c0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "geopf-extensions-openlayers",
   "description": "French Geoportal Extensions for OpenLayers libraries",
-  "version": "1.0.0-beta.1-305",
+  "version": "1.0.0-beta.1-308",
   "date": "18/12/2024",
   "module": "src/index.js",
   "directories": {},

diff --git a/src/packages/CSS/Controls/SearchEngine/DSFRsearchEngineStyle.css b/src/packages/CSS/Controls/SearchEngine/DSFRsearchEngineStyle.css
@@ -171,6 +171,21 @@ div[id^=GPautoCompleteList] {
   margin-left: 2px;
 }
 
+.position-container-top-left [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
+.position-container-bottom-left [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
+.position-container-top-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
+.position-container-bottom-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList] {
+  width: 340px;
+  position: relative;
+  top: unset;
+  margin-left: 8px;
+}
+
+.position-container-top-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList],
+.position-container-bottom-right [id^="GPsearchEngine-"] > div[id^=GPautoCompleteList] {
+  margin-right: 10px;
+}
+
 .gpf-widget-padding > div[id^=GPautoCompleteList] {
   top: 100%;
   width: 100%;

diff --git a/src/packages/CSS/Controls/SearchEngine/GPFsearchEngine.css b/src/packages/CSS/Controls/SearchEngine/GPFsearchEngine.css
@@ -10,7 +10,8 @@
   display: flex;
 }
 
-#position-container-top-right > [id^="GPsearchEngine-"]{
+#position-container-bottom-right > [id^="GPsearchEngine-"],
+#position-container-top-right > [id^="GPsearchEngine-"] {
   flex-direction: column;
   align-items: end;
 }