Sidebar should be collapsible so only icons show

[jackcmeyer]

🚀 Feature Proposal

The sidebar should be collapsible so only the icons show to maximize screen space.

This should be a user controlled behavior with some sort of expand/collapse icon.

This should automatically happen when the screen becomes a smaller screen.

Motivation

The sidebar should be collapsible so only the icons show to maximize screen space.

Example

See #103 for a detailed discussion and some examples.

[rabbihossain]

I think I can help with this. Should I start working on this?

[jackcmeyer]

@rabbihossain I've assigned this issue to you! let anyone on @HospitalRun/core-maintainers know if you need any help!

[rabbihossain]

Thanks for assigning this to me. I have already started working on it. I will get back to you once I finish implementing it.

[rabbihossain]

hello @jackcmeyer ,
I am almost done implementing this. here is a preview of how the sidebar collapse toggle works.

Please let me know if you have any feedback. Should I make a pull request?

[jackcmeyer]

This is awesome! Please open a PR 😀

[rabbihossain]

@jackcmeyer, I am trying to make a pull request but when I run npm run commit (as it was written on the project readme document), it always fails on npm run test:ci step. Am I doing anything wrong?

[matteovivona]

@rabbihossain try to run this command:

1. yarn
2. yarn lint:fix
3. yarn commit

[rabbihossain]

thanks @tehkapa for helping me out. Looks like my changes broke some of the test cases. So I updated those test cases according to my changes. I also made a pull request.