fix(css): widget dialog positioning (#350)

* fix(css): widget dialog positioning * update tgz
IGNF · Oct 17, 2024 · c58195d · c58195d
1 parent 52b7e0a
commit c58195d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/geopf-extensions-openlayers-1.0.0-beta.0-207.tgz b/geopf-extensions-openlayers-1.0.0-beta.0-207.tgz
diff --git a/package.json b/package.json
@@ -42,7 +42,8 @@
     "@gouvminint/vue-dsfr": "^5.14.2",
     "@vueuse/components": "^10.9.0",
     "@vueuse/core": "^10.9.0",
-    "geopf-extensions-openlayers": "./geopf-extensions-openlayers-1.0.0-beta.0-197.tgz",
+    "geopf-extensions-openlayers": "./geopf-extensions-openlayers-1.0.0-beta.0-207.tgz",
+
     "ol": "8.2.0",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"

diff --git a/src/components/carte/Controls.vue b/src/components/carte/Controls.vue
@@ -406,6 +406,13 @@ const mousePositionOptions = {
 }
 
 @media (min-width: 576px) {
+  .position-container-bottom-left,
+  .position-container-bottom-right,
+  .position-container-top-left,
+  .position-container-top-right {
+    height: calc(100% - 102px);
+  }
+
   .position-container-top-right,
   .position-container-top-left {
     top: 98px;
@@ -416,17 +423,23 @@ const mousePositionOptions = {
   .position-container-top-left {
     top: 210px;
   }
-  .position-container-top-left:has(.gpf-mobile-fullscreen > button[aria-pressed="true"]),
-  .position-container-top-right:has(.gpf-mobile-fullscreen > button[aria-pressed="true"]),
-  .position-container-bottom-left:has(.gpf-mobile-fullscreen > button[aria-pressed="true"]),
-  .position-container-bottom-right:has(.gpf-mobile-fullscreen > button[aria-pressed="true"]) {
-    top: 126px;
+  .position-container-bottom-left,
+  .position-container-bottom-right,
+  .position-container-top-left,
+  .position-container-top-right {
+    height: calc(100% - 214px);
   }
 }
 @media (max-width: 627px) and (min-width: 576px){
   .position-container-top-right,
   .position-container-top-left {
     top: 164px;
   }
+  .position-container-bottom-left,
+  .position-container-bottom-right,
+  .position-container-top-left,
+  .position-container-top-right {
+    height: calc(100% - 168px);
+  }
 }
 </style>