From 19cf07564f3d17d77ac30a2cc40d98b5f0c141f5 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 28 Nov 2025 23:21:31 +0200
Subject: [PATCH] style(mobile/context_menu): taller height + small animation
 when expanding items

---
 apps/client/src/stylesheets/style.css         |  2 +-
 .../src/stylesheets/theme-next/base.css       | 27 ++++++++++++-------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 342cd671a..62afc2012 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -1316,7 +1316,7 @@ body.mobile #context-menu-container.mobile-bottom-menu {
     inset-inline-end: 0 !important;
     bottom: 0 !important;
     top: unset !important;
-    max-height: 70vh;
+    max-height: 90vh;
     overflow: auto !important;
     user-select: none;
     -webkit-user-select: none;
diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css
index c2bb97c00..5e62b8011 100644
--- a/apps/client/src/stylesheets/theme-next/base.css
+++ b/apps/client/src/stylesheets/theme-next/base.css
@@ -367,19 +367,26 @@ body.mobile .dropdown-menu {
             padding: var(--dropdown-menu-padding-vertical) var(--dropdown-menu-padding-horizontal);
         }
 
+        .dropdown-menu {
+            --menu-background-color: rgba(0, 0, 0, 0.15);
+            border-radius: 0;
+            max-height: 0;            
+            transition: max-height 100ms ease-in;
+            display: block !important;
+
+            &.show {
+                max-height: 1000px;
+            }
+
+            .dropdown-item {
+                background: transparent;
+            }
+        }
+
         &.submenu-open {
             .dropdown-toggle {
                 padding-bottom: var(--dropdown-menu-padding-vertical);
-            }
-
-            .dropdown-menu {
-                --menu-background-color: rgba(0, 0, 0, 0.15);
-                border-radius: 0;
-
-                .dropdown-item {
-                    background: transparent;
-                }
-            }
+            }            
         }
     }
 }