Project

General

Profile

Edit Copy Actions

Feature #11607

open

i am woking on pos pages for ui mobile resposive ness customer and product page and vendor pages

Added by Karthik Palakonda 11 days ago. Updated 11 days ago.

Status:
Resolved
Priority:
Normal
Start date:
10/22/2026
Due date:
10/22/2026 (11 days late)
% Done:

100%

Estimated time:
Spent time:

Add

Subtasks


Add

Related issues

Actions #1

Updated by Karthik Palakonda 11 days ago

  • Status changed from New to In Progress
Actions #2

Updated by Karthik Palakonda 11 days ago

  • Target version deleted (sprint (10/12/2026 - 10/31/2026))
Actions #3

Updated by Karthik Palakonda 11 days ago

  • % Done changed from 0 to 70

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.

Edit Copy Actions

Also available in: Atom PDF