code100x / cms

Repo for https://app.100xdevs.com/
https://app.100xdevs.com/
925 stars 1.32k forks source link

feature: SideBar UX Improvement request #774

Open akaashvaa opened 3 months ago

akaashvaa commented 3 months ago

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](https://github.com/code100x/cms/assets/98875003/4baea56a-299e-40a1-ac06-9d6f86019df7)
hot from 2024-06-08 20-48-56

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

ShubhamGagare commented 3 months ago

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 ??

akaashvaa commented 3 months ago

There will be two toggle buttons:

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

ShubhamGagare commented 3 months ago

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

akaashvaa commented 3 months ago

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