Feature #10052
openworking on pos and e-commerce
Added by Karthik Palakonda 4 days ago. Updated 3 days ago.
Subtasks
Related issues
Updated by Karthik Palakonda 4 days ago
- Due date set to 07/31/2026
- % Done changed from 0 to 80
Today we worked on several UI and bug fix improvements for the Evergreen POS frontend. We started by adding count badges beside status filter tabs on list pages to match the reference design from the Users page, and added stats cards for the deleted assets section on the Asset Management page. We also implemented count display formatting on the cards and reduced the card and image sizes for a more compact appearance.
Next, we fixed a click event propagation issue on paid expenses in the Expenses list — clicking the disabled edit icon was incorrectly triggering row expansion, so we added stopPropagation on the action cell to prevent that. We then enhanced the stats Card component to automatically display distinct Material UI icons for each card title instead of using the same icon everywhere, and restyled the cards to match the reference design with a compact height, light green background, green border, and green count color.
In the Action History tooltip for Expenses, we fixed two issues — the dates were showing in the browser's local timezone instead of the store's timezone, so we replaced the date formatter with the company timezone utility. We also fixed the sort order so the most recent action always appears at the top of the history list.
Finally, we fixed a widely occurring issue across all list pages where newly created records were appearing at the bottom of the list or on the last page instead of appearing first. We applied fixes to the Expenses list, Expense Type list, Asset Categories, Inventory Categories, and Nursery Customers pages — either by resetting pagination to page 1 after a create action, or by changing optimistic UI updates to prepend the new item to the front of the list rather than appending it to the end.
Updated by Karthik Palakonda 4 days ago
31 July 2026
E-Commerce Frontend (evergreenpos_E-commerce_new)
Mobile Header Top Margin Optimization
Reduced top whitespace gap under the fixed mobile header on the home page
Fixed breadcrumb cutoff issue on sub-pages by applying page-specific top margins
Category Page – Back Arrow Hidden on Mobile
Hidden the back arrow ArrowBackIcon on mobile view using MUI sx display override and Tailwind !hidden sm:!block
Category Cards – Uniform 50/50 Layout
Redesigned category cards to equal height/width with 50% image + 50% name layout
Skeleton loaders updated to match the new card dimensions
Profile Page – Top Margin Fix
Fixed "Personal Information" section being cut off under fixed mobile header by replacing mt-[-70px] with mt-2
Profile Page – Activity Tabs Scroll Arrows
Added left/right scroll arrow buttons to the horizontal Activity tab bar (Enquiries, Requests, Orders, etc.)
Profile Menu – Individual Item Hover Fix
Fixed hover state on dropdown menu items (My Profile, My Orders) so each item highlights independently using Tailwind named group group/item
WhatsApp Floating Button – Single Tap Fix
Fixed double-tap issue on mobile by replacing anchor tags with window.open() on click
Restricted tooltip hover to desktop only (md:group-hover)
Profile Page – Side-by-Side Fields Layout
Redesigned Personal Information, Email Address, and Mobile Number fields into a responsive 3-column grid layout
Profile Sidebar Gap Reduction
Reduced spacing between the Hello card and sidebar menu, and between left sidebar and right content panel
POS Frontend (evergreen_pos_fe)
Sales Details Page – Changed font from font-sans to font-outfit
Offers (E-commerce) – Code cleanup:
Formatted imports and indentation
Fixed handleRestore function indentation
Removed count display from the deleted offers heading
Vendor Create Page – Corrected "Purchase Orders" label to "Purchase Order" (singular)
Custom Card Component – Redesigned card UI:
Added smart icon auto-selection based on card title keywords (Draft, Sent, Approved, Received, Completed, Today, Week, Month, etc.)
Updated card styling: compact height, green background (#dcfce7), clean border, bold green stat value
Updated by Karthik Palakonda 3 days ago
- Status changed from In Progress to Resolved