Project

General

Profile

Edit Copy Actions
Copy link

Support #11329

closed

Make side menu look & feel like pos admin panel with logout button below side menu & header is like pos admi panel with responsivess & cross platform

Added by Yalavarthi Thriveni 28 days ago. Updated 24 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Bindu Danda
Target version:
Sprint (10/05/2026- 10/09/2026)
Start date:
10/05/2026
Due date:
% Done:

0%

Estimated time:
6:00 h
Spent time:
7:30 h
Quote

Description

1.Hide Add account from my profile page
2.Move logout button to side menu with red color
3.Make side menu stick to device width and add scroll bar to side menu and right side content need to scroll not full page
4.Make header sticky
5.Click on My profile showed super admin details in a dialog navigate to a screen as my profile like pos page

Files

Edit attached files
clipboard-202610051552-fpzqd.png (39.9 KB) clipboard-202610051552-fpzqd.png Yalavarthi Thriveni, 10/05/2026 10:22 AM Delete
Add

Subtasks

Add

Related issues

Actions
Copy link
 #1

Updated by Yalavarthi Thriveni 28 days ago

  • Target version set to Sprint (10/05/2026- 10/09/2026)
  • Estimated time changed from 4:00 h to 6:00 h
Actions
Copy link
 #3

Updated by Yalavarthi Thriveni 27 days ago

  • Assignee changed from Sowjanya atthota to Bindu Danda
QuoteActions
Copy link
 #4

Updated by Bindu Danda 27 days ago

I resolved the above-mentioned issues and also fixed a few additional issues along with them.

1. Added user info in the header.
2. Reduce mobile header height to 48px with right-aligned profile avatar button
3. Hide greeting and time metadata on mobile view to fix page content overflow
4. Position mobile sidebar drawer directly below sticky header (top: 48px)
5. Make sidebar nav scrollable with sticky bottom logout button
6. Auto-close mobile drawer after navigating to selected menu item
7. Modularize shell layout into dedicated Sidebar, Header, and AdminShell components
8. Update Sidebar to full height (100vh) on the far left with brand logo, active green pill highlight, and sticky red logout button
9. Update Top Header with user greeting, role badge, company workspace pill, live store & local clocks, and profile dropdown
10. Add dedicated full-screen My Profile page at /app/profile matching POS FE style
11. Export useTenantData hook and add context fallbacks to prevent blank screen runtime errors
12. created a reusable SearchInput component and implemented it across all the required pages.

Actions
Copy link
 #5

Updated by Bindu Danda 26 days ago

  • Status changed from New to Resolved
Actions
Copy link
 #6

Updated by Yalavarthi Thriveni 24 days ago

  • Status changed from Resolved to Closed
Edit Copy Actions
Copy link

Also available in: Atom PDF