diff --git a/package.json b/package.json index b022d534a..cba17b6fc 100644 --- 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 index 2d170d601..d8c1124b0 100644 --- 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 index 18338b728..69a2701d4 100644 --- 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; }