Add navigation and copy functionality to move dialog

- Add breadcrumb navigation to move dialog for folder navigation
- Add 'Copy' button alongside 'Move' button in the dialog
- Implement copyFile and copyFolder functions in fileOps
- Add copy handler for batch operations
- Add CSS styles for btn-outline button (light and dark mode)
- Add translations for new dialog strings

fix: properly show home folder contents in move dialog

- Use effectiveParentId for all checks and rendering
- Show 'Select this folder' option for home folder
- Only show 'go to parent' when breadcrumb has items (navigated into subfolders)
fix: improve move dialog UX

- Hide breadcrumb at home folder level (not needed)
- Only show 'Select this folder' option after navigating into subfolders
- Show 'no subfolders' message when there are no folders to navigate
- Properly display subfolders for navigation
This commit is contained in:
George Wu
2026-02-24 18:08:33 -08:00
parent ca4037da8f
commit 5824b6c4b4
4 changed files with 247 additions and 51 deletions
+23 -1
View File
@@ -77,6 +77,17 @@
border-top: 1px solid #e2e8f0;
}
.rename-dialog-buttons .btn-outline {
background: transparent;
color: #4a5568;
border: 1px solid #cbd5e0;
}
.rename-dialog-buttons .btn-outline:hover {
background: #f7fafc;
border-color: #a0aec0;
}
/* Share Dialog — Modern Style */
.share-dialog {
position: fixed;
@@ -343,7 +354,7 @@
/* Move dialog breadcrumb navigation */
.move-dialog-breadcrumb {
display: flex;
display: none; /* Hidden by default, shown via JS when navigating into subfolders */
align-items: center;
flex-wrap: wrap;
gap: 4px;
@@ -657,6 +668,17 @@
border-top-color: #334155;
}
[data-theme="dark"] .rename-dialog-buttons .btn-outline {
background: transparent;
color: #94a3b8;
border-color: #475569;
}
[data-theme="dark"] .rename-dialog-buttons .btn-outline:hover {
background: #334155;
border-color: #64748b;
}
[data-theme="dark"] .shared-dialog-content {
background-color: #1e293b;
}