Feature #11559
opentesting the mobile responsive ness in pos and e-commerce
Files
Subtasks
Related issues
Updated by Karthik Palakonda 5 days ago
- File clipboard-202610161754-z7xiy.png clipboard-202610161754-z7xiy.png added
- File clipboard-202610161754-i6zzx.png clipboard-202610161754-i6zzx.png added
- Due date set to 10/16/2026
- Status changed from In Progress to Resolved
- % Done changed from 0 to 100
Description:
Completed development and responsive UI enhancements across Dashboard, Inventory Management, Header Navigation, and Enquiry modules:
1. Variant-Level Stock Alerts & Sync:
- Implemented variant-wise stock alerts and threshold monitoring in Alerts Dashboard.
- Added warehouse-specific alert filtering across Warehouse Manager, Picker, and Sourcing dashboards.
- Synchronized parent product stock totals automatically when variant quantities are updated during product creation/editing.
2. Header & Profile Navigation Mobile Optimization:
- Cleaned up the mobile header bar to eliminate clutter and save vertical screen space.
- Relocated user greeting, role switcher, warehouse switcher dropdown, live store clock (EDT), local time clock, and last login timestamp into the top-right User Profile dropdown (DropdownUser).
- Preserved original desktop header presentation while making mobile navigation clean and accessible.
3. Admin Todo Tasks Accordion Badge Layout:
- Fixed an issue where the pending count badge wrapped awkwardly into two vertical lines on narrow screens.
- Applied whitespace-nowrap and responsive padding so "{count} Pending" displays cleanly on a single line on all screen sizes.
4. Enquiry List Mobile Stats Cards Alignment:
- Resolved odd-count card misalignment in the 2-column mobile grid.
- Configured the last odd card (Cancelled) to dynamically span full width (col-span-2) on mobile screens, removing awkward empty space while retaining desktop layout.
5. Codebase Maintenance:
- Fixed TypeScript syntax, path module resolution, and unused declaration warnings from morning build checks.
- Adjusted Vendor View action history toggles.
Description:
Completed development, bug fixes, and responsive UI enhancements across Dashboard, PDP Storefront, Inventory Management, and Admin modules:
1. Variant-Level Stock Alerts & Sync:
- Implemented variant-wise stock alerts and threshold monitoring in Alerts Dashboard.
- Added warehouse-specific alert filtering across Warehouse Manager, Picker, and Sourcing dashboards.
- Synchronized parent product stock totals automatically when variant quantities are updated during product creation/editing.
2. Header & Profile Navigation Mobile Optimization:
- Cleaned up the mobile header bar to eliminate clutter and save vertical screen space.
- Relocated user greeting, role switcher, warehouse switcher dropdown, live store clock (EDT), local time clock, and last login timestamp into the top-right User Profile dropdown (DropdownUser).
- Preserved original desktop header presentation while making mobile navigation clean and accessible.
3. Admin Todo Tasks Accordion Badge Layout:
- Fixed an issue where the pending count badge wrapped awkwardly into two vertical lines on narrow screens.
- Applied whitespace-nowrap, icon shrink-0, and responsive padding so "{count} Pending" displays cleanly on a single line on all screen sizes.
- Enhanced border, shadow, and color styling for active and inactive approval tasks.
4. PDP Mobile Sticky Bottom Action Bar Fixes:
- Resolved horizontal overflow clipping where the "Add to Pre-Order Cart" button extended past the screen edge on mobile devices (360px–390px).
- Removed nested double padding (.container-custom) and flex shrink-0 locks from the mobile action container.
- Optimized mobile quantity stepper width from w-24 to w-20 and adjusted typography to tracking-tight so long action labels fit cleanly without truncation.
- Streamlined inline "Add to Cart" and "Buy Now" button padding and typography for small screens.
5. Pre-Order Catalog Banner & Back Navigation Redesign:
- Fixed BackArrow visibility issue where an MUI display rule (xs: none) kept the button hidden on mobile viewports.
- Redesigned the bare back chevron into a modern, rounded card button (rounded-xl, border-green-200, bg-white, text-green-800, shadow-2xs) matching the catalog design system.
- Corrected vertical flex alignment from items-start to items-center to properly align the back button with the catalog title and subtitle.
6. TypeScript 5.8 Build Error Resolution & Shared UI Library:
- Resolved erasableSyntaxOnly compiler error caused by JSX elements inside a .ts file (src/global/input.ts).
- Migrated to properly typed .tsx module and integrated reusable UI components: Loader, ContainerWrap, FlexibleTitle, FlexibleCreateTitle, and BackArrow.
7. Vendor & Enquiry Management Maintenance:
- Streamlined vendor section visibility and cleaned up redundant action history blocks.
- Reviewed and verified enquiry listing UI controls and input components.


Subject: Daily Work Update - Inventory Alerts, Mobile UI Responsiveness & Bug Fixes
Description:
Completed development, bug fixes, and responsive UI enhancements across Dashboard, PDP Storefront, Inventory Management, and Admin modules:
1. Variant-Level Stock Alerts & Sync:
- Implemented variant-wise stock alerts and threshold monitoring in Alerts Dashboard.
- Added warehouse-specific alert filtering across Warehouse Manager, Picker, and Sourcing dashboards.
- Synchronized parent product stock totals automatically when variant quantities are updated during product creation/editing.
2. Header & Profile Navigation Mobile Optimization:
- Cleaned up the mobile header bar to eliminate clutter and save vertical screen space.
- Relocated user greeting, role switcher, warehouse switcher dropdown, live store clock (EDT), local time clock, and last login timestamp into the top-right User Profile dropdown (DropdownUser).
- Preserved original desktop header presentation while making mobile navigation clean and accessible.
3. Admin Todo Tasks Accordion Badge Layout:
- Fixed an issue where the pending count badge wrapped awkwardly into two vertical lines on narrow screens.
- Applied whitespace-nowrap, icon shrink-0, and responsive padding so "{count} Pending" displays cleanly on a single line on all screen sizes.
- Enhanced border, shadow, and color styling for active and inactive approval tasks.
4. PDP Mobile Sticky Bottom Action Bar Fixes:
- Resolved horizontal overflow clipping where the "Add to Pre-Order Cart" button extended past the screen edge on mobile devices (360px–390px).
- Removed nested double padding (.container-custom) and flex shrink-0 locks from the mobile action container.
- Optimized mobile quantity stepper width from w-24 to w-20 and adjusted typography to tracking-tight so long action labels fit cleanly without truncation.
- Streamlined inline "Add to Cart" and "Buy Now" button padding and typography for small screens.
5. Pre-Order Catalog Banner & Back Navigation Redesign:
- Fixed BackArrow visibility issue where an MUI display rule (xs: none) kept the button hidden on mobile viewports.
- Redesigned the bare back chevron into a modern, rounded card button (rounded-xl, border-green-200, bg-white, text-green-800, shadow-2xs) matching the catalog design system.
- Corrected vertical flex alignment from items-start to items-center to properly align the back button with the catalog title and subtitle.
6. TypeScript 5.8 Build Error Resolution & Shared UI Library:
- Resolved erasableSyntaxOnly compiler error caused by JSX elements inside a .ts file (src/global/input.ts).
- Migrated to properly typed .tsx module and integrated reusable UI components: Loader, ContainerWrap, FlexibleTitle, FlexibleCreateTitle, and BackArrow.
7. Vendor & Enquiry Management Maintenance:
- Streamlined vendor section visibility and cleaned up redundant action history blocks.
- Reviewed and verified enquiry listing UI controls and input components.