Repository navigation
Releases: DeAref/Ftp-Manager-File-Uploader-WordPress-plugin
Release list
FTP Manager Wordpress Plugin | Version 1.8.0
UI Redesign: Apple Design System Implementation
Summary
Redesigned the admin interface with Apple design principles: clean, minimal, soft shadows, rounded corners, and smooth animations, while maintaining WordPress compatibility.
Changes
1. Design System Foundation
Added Apple-style CSS with system fonts (-apple-system, BlinkMacSystemFont)
Implemented soft, layered shadows and rounded corners (12-20px)
Added smooth transitions using cubic-bezier(0.4, 0, 0.2, 1)
Applied glassmorphism with backdrop-filter blur
2. Navigation Tabs
Redesigned tabs with glassmorphism
Active tab uses blue gradient (#007AFF)
Added hover effects with transform and shadow
Improved spacing and typography
3. Cards & Containers
Transparent backgrounds with blur
Multi-layer shadows
Hover effects with subtle lift
Consistent padding and spacing
4. Buttons
Primary buttons use blue gradient
Smooth hover animations
Rounded corners (12px)
Improved visual hierarchy
5. Form Elements
Input fields with blue focus rings
Smooth transitions
Consistent styling
Better spacing and typography
6. Status Pills
Transparent color backgrounds
Pulse animation for processing states
Improved font weights and spacing
Color-coded status indicators
7. Tables
Minimal design with rounded corners
Responsive wrapper with horizontal scroll
Custom scrollbar styling
Smooth hover effects
Word-break for long content
Media queries for mobile
8. File Manager
Redesigned toolbar with improved breadcrumb
Modal with fade-in animation
Loading overlay with blur
Better visual feedback
9. Toast Notifications
Dark background with blur
Smooth fade animations
Improved positioning and shadows
10. Responsive Design
Table wrappers prevent horizontal overflow
Custom scrollbar for better UX
Media queries for mobile devices
Minimum widths for tables
11. WordPress Compatibility
Maintained WordPress admin classes
Compatible with admin color schemes
Preserved WordPress dashicons
No breaking changes to functionality
Technical Details
Added .ftp-apple-wrapper for global styling
Created .ftp-apple-card for consistent card design
Implemented .ftp-table-wrapper for responsive tables
Updated all status pills to use new .ftp-status-pill classes
Enhanced color palette with Apple SF colors (#007AFF, #34C759, #FF3B30, etc.)
Files Modified
includes/admin-page.php - Complete UI redesign
All changes maintain backward compatibility and WordPress standards while providing a modern, Apple-inspired user experience.
FTP Manager Wordpress Plugin | Version 1.7.0
tested with wp v6.9