Pan map on mobile when pin obscured by sidebar

2026-01-21 19:38:55 +07:00
parent 360e511849
commit fa4115b714
2 changed files with 57 additions and 0 deletions
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -312,3 +312,23 @@ span.icon {
    opacity: 1;
  }
 }
+
+@media (max-width: 768px) {
+  .sidebar {
+    top: auto;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 50vh;
+    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+  }
+
+  .sidebar-content {
+    overflow-y: auto;
+    /* Ensure content doesn't get hidden behind bottom safe areas on mobile */
+    padding-bottom: env(safe-area-inset-bottom, 20px);
+  }
+}