Giters

code100x / cms

Home Page:https://app.100xdevs.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

feature: SideBar UX Improvement request

akaashvaa opened this issue · comments

commented

CMS

Sidebar UX Improvement

Feature Request List

  1. Change the design:

    • Update the visual design to be more modern and user-friendly.

  2. Remove the hamburger menu from the navigation bar:

    • Eliminate the hamburger menu from the top navigation bar to streamline the user interface.

  3. Move the sidebar to the right side:

    • Relocate the sidebar to the right side of the screen.
    • This will make the hamburger menu position more suitable and intuitive.

  4. Change the scrollbar style:

    • Customize the scrollbar style to enhance the aesthetic and usability.

Screenshot from 2024-06-08 20-07-51
Screens Screenshot from 2024-06-08 20-05-27 hot from 2024-06-08 20-48-56

Screenshot from 2024-06-08 20-24-56
Screenshot from 2024-06-08 20-05-27

commented

Q; If hamburger is removed from appbar and user clicks on the Togglebutton( X ) in sidebar ,how user can open sidebar again??
On desktop will there be a hamburger in line with breadcrumb as shown for the mobile ??

commented

There will be two toggle buttons:

  • When the sidebar is open, there will be an "X" button.
  • When the sidebar is closed, there will be a hamburger menu button. This button will be positioned where the sidebar was,
    displaying the menu when the sidebar is hidden.

You can check out the fourth image for more understanding.( below profile icon)

commented

Got it. Can you assign this to me? I already went through code and have fair idea what changes need to make to match requirement

commented

i'm not a maintainer, just a learner like you. i just want to setup this project locally and ended up with some feature request. i haven't created any PR because they (maintainer) haven't responded yet. maybe they don't want it , so it;s okay