search

firecmsco / firecms

Awesome Firebase/Firestore-based CMS. The missing admin panel for your Firebase project!
https://firecms.co
Other
1.13k stars 185 forks source link

Disabling navigation drawer expansion #589

Closed OskarGroth closed 1 month ago

OskarGroth commented 9 months ago

ux

The UX for the navigation drawer is pretty bad, as it displaces the whole menu vertically and just adds unnecessary animation for a common interaction. I also don't need a 200x200px size logo.

I'd like to disable the expansion feature altogether and just always keep it expanded/minimized. Is there a way to achieve that?

petost commented 9 months ago

Try autoOpenDrawer:false https://firecms.co/docs/navigation/app_config

Is this what you are looking for?

OskarGroth commented 9 months ago

I'm aware of that flag, but it doesn't fix the issue, which is the displacement of UI that happens when the drawer is expanded (see gif).

It would be better if:

  1. There was an option on Scaffold for changing the mode of the sidebar to simply be static open/closed. I'm trying to achieve it via a custom app but it is quite tricky since the drawer is located inside the Scaffold component.
  2. The UI is reworked here so that the logo doesn't resize vertically
fgatti675 commented 6 months ago

Hi @OskarGroth Sorry for the late reply. We are reworking the base components to make them more customizable, and we are taking this input. Thanks!

fgatti675 commented 1 month ago

Hi, in version 3 it is now possible to control the state of the drawer via the useApp hook. Available in the latest releases. It is also possible to replace the drawer completely: https://firecms.co/docs/pro/main_components#useapp-hook