Enable touch controls in the mobile File Manager

static/css/session-workspace.css

@@ -195,6 +195,13 @@
     white-space: nowrap;
 }
 
+@media (pointer: coarse) {
+    .fm-embedded-mode .fm-file-item {
+        grid-template-columns: 40px 22px minmax(0, 1fr) auto;
+        min-height: 52px;
+    }
+}
+
 .notepad-panel {
     min-height: 0;
 }

static/css/sftp-file-manager.css

@@ -393,6 +393,9 @@
     overflow-y: auto;
     overflow-x: hidden;
     padding: 8px;
+    overscroll-behavior: contain;
+    touch-action: pan-y;
+    -webkit-overflow-scrolling: touch;
 }
 
 .fm-file-item {
@@ -406,6 +409,8 @@
     transition: all 0.15s ease;
     user-select: none;
     border: 1px solid transparent;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
 }
 
 .fm-file-item:hover {
@@ -1260,8 +1265,13 @@
         transform: translateY(0);
     }
 
+    .fm-action-sheet.gesture-active {
+        pointer-events: none;
+    }
+
     .fm-action-sheet-item {
         display: flex;
+        width: 100%;
         align-items: center;
         gap: 12px;
         padding: 14px 16px;
@@ -1272,6 +1282,8 @@
         cursor: pointer;
         border-radius: 8px;
         min-height: 48px;
+        font-family: inherit;
+        text-align: left;
     }
 
     .fm-action-sheet-item:active {
@@ -1282,6 +1294,11 @@
         color: var(--error-color);
     }
 
+    .fm-action-sheet-item:disabled {
+        cursor: not-allowed;
+        opacity: 0.42;
+    }
+
     .fm-action-sheet-cancel {
         margin-top: 8px;
         padding-top: 8px;
@@ -2691,7 +2708,7 @@
 
     .fm-file-list-header,
     #sftpFileManager.fm-workspace-mode .fm-file-item {
-        grid-template-columns: 24px 22px minmax(120px, 1fr) 74px;
+        grid-template-columns: 40px 22px minmax(120px, 1fr) 74px;
     }
 
     .fm-file-list-header span:nth-last-child(-n+2),
@@ -2700,6 +2717,26 @@
         display: none;
     }
 }
+
+@media (pointer: coarse) {
+    .fm-file-item[draggable="false"] {
+        -webkit-user-drag: none;
+    }
+
+    .fm-file-checkbox {
+        width: 40px;
+        height: 40px;
+        font-size: 20px !important;
+    }
+
+    .fm-pane-toolbar button,
+    .fm-nav-btn,
+    .fm-source-tab-add,
+    .fm-pane-tab {
+        min-width: 44px;
+        min-height: 44px;
+    }
+}
 /* SMB quick connection mirrors the compact SFTP connection dialog. */
 .smb-source-modal {
     z-index: 26000;

static/js/i18n.js

@@ -243,6 +243,7 @@ const translations = {
         'fm.workspace.openSourceIn': 'Open source in',
         'fm.workspace.selectAll': 'Select all files',
         'fm.workspace.selectItem': 'Select',
+        'fm.workspace.fileActions': 'File actions',
         'fm.workspace.transferBetween': 'Transfer between panes',
         'fm.workspace.selectFiles': 'Select files',
         'fm.workspace.dragToMove': 'Drag items onto a folder to move them',
@@ -1475,6 +1476,7 @@ const translations = {
         'fm.workspace.openSourceIn': 'Mở nguồn trong',
         'fm.workspace.selectAll': 'Chọn tất cả tệp',
         'fm.workspace.selectItem': 'Chọn',
+        'fm.workspace.fileActions': 'Thao tác tệp',
         'fm.workspace.transferBetween': 'Chuyển giữa các khung',
         'fm.workspace.selectFiles': 'Chọn tệp',
         'fm.workspace.dragToMove': 'Kéo các mục vào một thư mục để di chuyển',
@@ -2706,6 +2708,7 @@ const translations = {
         'fm.workspace.openSourceIn': 'Quelle öffnen in',
         'fm.workspace.selectAll': 'Alle Dateien auswählen',
         'fm.workspace.selectItem': 'Auswählen',
+        'fm.workspace.fileActions': 'Dateiaktionen',
         'fm.workspace.transferBetween': 'Zwischen Bereichen übertragen',
         'fm.workspace.selectFiles': 'Dateien auswählen',
         'fm.workspace.dragToMove': 'Elemente zum Verschieben auf einen Ordner ziehen',
@@ -3936,6 +3939,7 @@ const translations = {
         'fm.workspace.openSourceIn': 'Ouvrir une source dans',
         'fm.workspace.selectAll': 'Sélectionner tous les fichiers',
         'fm.workspace.selectItem': 'Sélectionner',
+        'fm.workspace.fileActions': 'Actions sur les fichiers',
         'fm.workspace.transferBetween': 'Transférer entre les volets',
         'fm.workspace.selectFiles': 'Sélectionner des fichiers',
         'fm.workspace.dragToMove': 'Faites glisser les éléments sur un dossier pour les déplacer',
@@ -5166,6 +5170,7 @@ const translations = {
         'fm.workspace.openSourceIn': 'Abrir origen en',
         'fm.workspace.selectAll': 'Seleccionar todos los archivos',
         'fm.workspace.selectItem': 'Seleccionar',
+        'fm.workspace.fileActions': 'Acciones de archivo',
         'fm.workspace.transferBetween': 'Transferir entre paneles',
         'fm.workspace.selectFiles': 'Seleccionar archivos',
         'fm.workspace.dragToMove': 'Arrastra los elementos a una carpeta para moverlos',
@@ -6396,6 +6401,7 @@ const translations = {
         'fm.workspace.openSourceIn': '打开来源于',
         'fm.workspace.selectAll': '选择所有文件',
         'fm.workspace.selectItem': '选择',
+        'fm.workspace.fileActions': '文件操作',
         'fm.workspace.transferBetween': '在面板之间传输',
         'fm.workspace.selectFiles': '选择文件',
         'fm.workspace.dragToMove': '将项目拖到文件夹上即可移动',