From 48773636ca91d625dbbf1d4e09f59edb48dae3a9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 15 Feb 2026 13:54:01 +0200
Subject: [PATCH] feat(collections): improve properties dropdown on mobile

---
 apps/client/src/widgets/collections/geomap/index.css       | 4 ++++
 apps/client/src/widgets/note_bars/CollectionProperties.tsx | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/apps/client/src/widgets/collections/geomap/index.css b/apps/client/src/widgets/collections/geomap/index.css
index 4daaada2cb..a30842c9b6 100644
--- a/apps/client/src/widgets/collections/geomap/index.css
+++ b/apps/client/src/widgets/collections/geomap/index.css
@@ -11,6 +11,10 @@
   }
 }
 
+body.mobile .geo-view > .collection-properties {
+    z-index: 2500;
+}
+
 .geo-map-container {
   height: 100%;
   overflow: hidden;
diff --git a/apps/client/src/widgets/note_bars/CollectionProperties.tsx b/apps/client/src/widgets/note_bars/CollectionProperties.tsx
index 597769a36b..2ede18a94d 100644
--- a/apps/client/src/widgets/note_bars/CollectionProperties.tsx
+++ b/apps/client/src/widgets/note_bars/CollectionProperties.tsx
@@ -83,6 +83,8 @@ function ViewOptions({ note, viewType }: { note: FNote, viewType: ViewTypeOption
         <Dropdown
             buttonClassName="bx bx-cog icon-action"
             hideToggleArrow
+            dropdownContainerClassName="mobile-bottom-menu"
+            mobileBackdrop
         >
             {properties.map(property => (
                 <ViewProperty key={property.label} note={note} property={property} />