feat(mobile): display modals at the bottom of the screen

TriliumNext · Jan 4, 2025 · dd8e73d · dd8e73d
1 parent f7d3737
commit dd8e73d
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
@@ -1218,6 +1218,18 @@ body.mobile #launcher-pane .dropdown-menu.show {
     #mobile-sidebar-container.show #mobile-sidebar-wrapper {
         transform: translateX(0);
     }
+
+    body.mobile .modal.show {
+        background-color: rgba(0, 0, 0, 0.7);
+    }
+
+    body.mobile .modal-dialog {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        margin: 0 !important;
+    }
 }
 
 /* Mobile, tablet mode */