From f3b5c82767597a6ec6099f488be68c003122f2cd Mon Sep 17 00:00:00 2001
From: Yohan Boniface <yohanboniface@free.fr>
Date: Wed, 30 Aug 2023 12:36:40 +0200
Subject: [PATCH] Better distinguish panel behaviour in portrait vs landscape
 modes

fix #870
---
 umap/static/umap/base.css      | 30 +++++++++++++++++-------------
 umap/static/umap/js/umap.ui.js |  2 --
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
index f1419015..fcb4425a 100644
--- a/umap/static/umap/base.css
+++ b/umap/static/umap/base.css
@@ -436,7 +436,6 @@ i.info {
     background-image: url('./img/16-white.svg');
 }
 .with-transition {
-    /*transition: top .7s, right .7s, left .7s, width .7s, visibility .7s;*/
     transition: all .7s;
 }
 
@@ -583,11 +582,8 @@ input[type=hidden].blur + .button {
     overflow-x: hidden;
 }
 #umap-ui-container {
-    width: 400px;
     position: absolute;
-    top: 0;
     bottom: 0;
-    right: -400px;
     padding: 0 10px;
     border-left: 1px solid #ddd;
     overflow-x: auto;
@@ -612,15 +608,9 @@ input[type=hidden].blur + .button {
     padding-right: 0;
     transition: all .7s;
 }
-.umap-edit-enabled #umap-ui-container {
-    top: 46px;
-}
 .umap-caption-bar-enabled #umap-ui-container {
     bottom: 46px;
 }
-.umap-ui #umap-ui-container {
-    right: 0;
-}
 .leaflet-top,
 .leaflet-right {
     transition: all .7s;
@@ -821,15 +811,29 @@ input[type=hidden].blur + .button {
 /* *********** */
 /*    Mobile   */
 /* *********** */
-@media all and (orientation:portrait) {
+@media all and (orientation:landscape) {
+    .umap-edit-enabled #umap-ui-container {
+        top: 46px;
+    }
+    #umap-ui-container {
+        width: 400px;
+        right: -400px;
+        top:  0;
+    }
     .umap-ui #umap-ui-container {
+        right: 0;
+    }
+}
+@media all and (orientation:portrait) {
+    #umap-ui-container {
         height: 50%;
         max-height: 400px;
         width: 100%;
-        top: inherit!important;
         bottom: 0;
+        right: -100%;
+    }
+    .umap-ui #umap-ui-container {
         right: 0;
-        left: 0;
     }
     .umap-ui .leaflet-right {
         right: 0;
diff --git a/umap/static/umap/js/umap.ui.js b/umap/static/umap/js/umap.ui.js
index 6485dc23..28bb6403 100644
--- a/umap/static/umap/js/umap.ui.js
+++ b/umap/static/umap/js/umap.ui.js
@@ -64,8 +64,6 @@ L.U.UI = L.Evented.extend({
   },
 
   closePanel: function () {
-    this._panel.innerHTML = ''
-    this.resetPanelClassName()
     L.DomUtil.removeClass(this.parent, 'umap-ui')
     this.fire('panel:closed')
   },