From 949f97eb2e3a9926478a47684973bcc196c313ff Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sun, 15 Dec 2024 17:52:57 -0800
Subject: [PATCH] add mobile responsiveness for otp, login, and password
 recovery

---
 src/gui/src/UI/UIWindow.js        | 11 +++++++----
 src/gui/src/UI/UIWindowLogin.js   |  5 +++++
 src/gui/src/css/style.css         |  7 +++++++
 src/gui/src/helpers/launch_app.js |  4 ++--
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/gui/src/UI/UIWindow.js b/src/gui/src/UI/UIWindow.js
index c6e939f7f..1479d09c3 100644
--- a/src/gui/src/UI/UIWindow.js
+++ b/src/gui/src/UI/UIWindow.js
@@ -86,11 +86,14 @@ async function UIWindow(options) {
     options.is_maximized = options.is_maximized ?? false;
     options.is_openFileDialog = options.is_openFileDialog ?? false;
     options.is_resizable = options.is_resizable ?? true;
-    // if this is a fullpage window, it won't be resizable
-    if(options.is_fullpage)
-        options.is_resizable = false;
 
-    // in the embedded/fullpage mode every window is on top since there is no taskbar to switch between windows
+    // if this is a fullpage window, it won't be resizable
+    if(options.is_fullpage){
+        options.is_maximized = false;
+        options.is_resizable = false;
+    }
+
+    // In the embedded/fullpage mode every window is on top since there is no taskbar to switch between windows
     // if user has specifically asked for this window to NOT stay on top, honor it.
     if((window.is_embedded || window.is_fullpage_mode) && !options.parent_uuid && options.stay_on_top !== false)
         options.stay_on_top = true;
diff --git a/src/gui/src/UI/UIWindowLogin.js b/src/gui/src/UI/UIWindowLogin.js
index 69f468efd..9665752d4 100644
--- a/src/gui/src/UI/UIWindowLogin.js
+++ b/src/gui/src/UI/UIWindowLogin.js
@@ -124,6 +124,7 @@ async function UIWindowLogin(options){
             UIWindowRecoverPassword({
                 window_options: {
                     backdrop: true,
+                    stay_on_top: isMobile.phone,
                     close_on_backdrop_click: false,
                 }
             });
@@ -308,6 +309,10 @@ async function UIWindowLogin(options){
                             height: 410,
                             backdrop: true,
                             is_resizable: false,
+                            is_draggable: true,
+                            stay_on_top: true,
+                            center: true,
+                            window_class: 'window-login-2fa',
                             body_css: {
                                 width: 'initial',
                                 height: '100%',
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index 75a2cc598..b3a6d5db6 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -4488,6 +4488,13 @@ fieldset[name=number-code] {
     border-radius: 0;
 }
 
+.device-phone .window.window-login-2fa{
+    left: 50% !important;
+    transform: translate(-50%) !important;
+    height: initial !important;
+    max-width: calc(100% - 30px);
+}
+
 .device-phone .window.window-explorer{
     transform: none;
     width: 100%;
diff --git a/src/gui/src/helpers/launch_app.js b/src/gui/src/helpers/launch_app.js
index 09914e137..c878cf703 100644
--- a/src/gui/src/helpers/launch_app.js
+++ b/src/gui/src/helpers/launch_app.js
@@ -77,9 +77,9 @@ const launch_app = async (options)=>{
     //-----------------------------------
     // maximize on start
     //-----------------------------------
-    if(app_info.maximize_on_start)
+    if(app_info.maximize_on_start){
         options.maximized = 1;
-
+    }
     //-----------------------------------
     // if opened a file, sign it
     //-----------------------------------