Feature #11607
openi am woking on pos pages for ui mobile resposive ness customer and product page and vendor pages
Subtasks
Related issues
Updated by Karthik Palakonda 11 days ago
- Target version deleted (
sprint (10/12/2026 - 10/31/2026))
Updated by Karthik Palakonda 11 days ago
- Status changed from In Progress to Resolved
- Target version set to sprint (10/12/2026 - 10/31/2026)
- % Done changed from 70 to 100
1. Pre-Order & Catalog Filter Toolbar (
AdminOrder.tsx
)
TypeScript Compilation Fix: Resolved the type error Property 'size' does not exist on type 'IntrinsicAttributes & DownloadButtonProps' by properly integrating
DownloadButton
matching the standard implementation in Clients.tsx.
Mobile Action Button Alignment: Repositioned the sales window catalog select dropdown and action buttons into an inline flex layout (flex w-full items-center gap-2 md:w-auto), placing the buttons beside the dropdown.
Button Design Consistency: Styled the Analytics button (FaChartBar) to visually match the Download button (w-[42px] h-[38px] border-2 border-[#07A104] bg-[#EAFDEE] rounded-[8px] hover:bg-[#15a349]).
2. Returns & Replacement Requests Responsive UI (
ReturnRequestsPage.tsx
)
Mobile Metric Card Full Width: Configured the 11th summary card (Return Amount ($)) to span both columns on mobile (col-span-2 sm:col-span-1), preventing awkward empty grid slots on smaller screens.
50/50 Split Filter Dropdowns: Organized the Filter Status and RMA Type dropdowns into a clean two-column grid (grid grid-cols-2 gap-2 w-full sm:flex sm:w-auto) on mobile screens without overflowing.
Date Picker & Action Buttons Co-location: Placed the date range picker (GlobalDateRangeFilter) and the 3 action buttons (Export CSV, Refresh, and Process Guide) side-by-side on the same row on mobile (flex items-center gap-1.5 sm:gap-2), preventing the info button from getting pushed off-screen.
Standardized Export Button: Converted the circular CSV export icon to the standard square bordered button style (ActionButton className="client-header-btn client-header-btn-square"), matching the Refresh and Process Guide buttons.
Clean Filter Reset: Positioned "Clear Filters" cleanly below the toolbar when active filters exist.
3. Warehouse Dropper Dashboard Modal Positioning (
DropperDashboard.tsx
)
Top Margin Adjustment: Overrode Ant Design Modal's default top: 100px by setting style={{ top: 15 }} on the FedEx Thermal Shipping Label (4″ × 6″ Format) preview and print modal, keeping the thermal label and action buttons comfortably in view without unnecessary vertical scrolling.