From a5864cc64bf9fcaf5f4bbf252ba66e87f3721b21 Mon Sep 17 00:00:00 2001 From: michaelschal <35957947-michaelschal@users.noreply.replit.com> Date: Tue, 12 Aug 2025 20:23:49 +0000 Subject: [PATCH] Fix sidebar display and scrolling issues on smaller screens Address several UI glitches including unreadable sidebar icons when collapsed, incorrect scrollbar placement, and a visual gap at the bottom of the sidebar by adjusting layout and container properties across multiple pages and components. Replit-Commit-Author: Agent Replit-Commit-Session-Id: cc8ba926-557c-4bf1-a2ea-ceabbcf38824 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc8ba926-557c-4bf1-a2ea-ceabbcf38824/cinqGFV --- attached_assets/image_1755030067472.png | Bin 0 -> 4963 bytes client/src/components/Layout.tsx | 2 +- client/src/components/Sidebar.tsx | 8 ++++---- client/src/pages/CustomerOrders.tsx | 4 +--- client/src/pages/Dashboard.tsx | 2 +- client/src/pages/Deliveries.tsx | 4 ++-- client/src/pages/Orders.tsx | 4 ++-- 7 files changed, 11 insertions(+), 13 deletions(-) create mode 100644 attached_assets/image_1755030067472.png diff --git a/attached_assets/image_1755030067472.png b/attached_assets/image_1755030067472.png new file mode 100644 index 0000000000000000000000000000000000000000..d20aa548d5f3de1633dd42294e96907b052e6000 GIT binary patch literal 4963 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 Uk-%C7UW@_82Il%jy3S$$0_-N9bN~PV literal 0 HcmV?d00001 diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx index dbc2acc..2b0697e 100644 --- a/client/src/components/Layout.tsx +++ b/client/src/components/Layout.tsx @@ -73,7 +73,7 @@ export default function Layout({ children }: LayoutProps) { mobileMenuOpen, setMobileMenuOpen }}> -
+
{/* Mobile Sidebar Overlay */} {isMobile && mobileMenuOpen && ( <> diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx index adc464c..6b8eed0 100644 --- a/client/src/components/Sidebar.tsx +++ b/client/src/components/Sidebar.tsx @@ -259,7 +259,7 @@ export default function Sidebar() { } return ( -
@@ -392,7 +392,7 @@ export default function Sidebar() { title={isCollapsed ? item.label : undefined} onClick={handleLinkClick} > - + {!isCollapsed && item.label}
diff --git a/client/src/pages/CustomerOrders.tsx b/client/src/pages/CustomerOrders.tsx index 5c2210d..90de1f7 100644 --- a/client/src/pages/CustomerOrders.tsx +++ b/client/src/pages/CustomerOrders.tsx @@ -674,7 +674,7 @@ export default function CustomerOrders() { } = usePagination(sortedOrders, 10); return ( -
+
{/* Header */}
@@ -753,7 +753,6 @@ export default function CustomerOrders() { {isLoading ? (
Chargement...
) : ( -
@@ -868,7 +867,6 @@ export default function CustomerOrders() { ))}
-
)} {/* Pagination */} diff --git a/client/src/pages/Dashboard.tsx b/client/src/pages/Dashboard.tsx index de2d83f..50dcea4 100644 --- a/client/src/pages/Dashboard.tsx +++ b/client/src/pages/Dashboard.tsx @@ -218,7 +218,7 @@ export default function Dashboard() { }; return ( -
+
{/* Header */}
diff --git a/client/src/pages/Deliveries.tsx b/client/src/pages/Deliveries.tsx index 8ec43ae..8eb73df 100644 --- a/client/src/pages/Deliveries.tsx +++ b/client/src/pages/Deliveries.tsx @@ -255,7 +255,7 @@ export default function Deliveries() { const canValidate = permissions.canValidate('deliveries'); return ( -
+
{/* Header */}
@@ -340,7 +340,7 @@ export default function Deliveries() {
) : (
-
+
diff --git a/client/src/pages/Orders.tsx b/client/src/pages/Orders.tsx index 134c06b..d336410 100644 --- a/client/src/pages/Orders.tsx +++ b/client/src/pages/Orders.tsx @@ -226,7 +226,7 @@ export default function Orders() { const canDelete = permissions.canDelete('orders'); return ( -
+
{/* Header */}
@@ -309,7 +309,7 @@ export default function Orders() {
) : (
-
+