henit-chobisa opened a new issue, #3106: URL: https://github.com/apache/incubator-devlake/issues/3106
### Search before asking - [X] I had searched in the [issues](https://github.com/apache/incubator-devlake/issues?q=is%3Aissue) and found no similar feature requirement. ### Description ## Takes Unnecessary Space on smaller screens - While Setting up Lake, placing the windows side by side, you can see that the sidebar takes up a lots of unnecessary space and the actual `route pages` are kind of hidden.  ## Mobile View is Mostly hidden by the sidebar - When Comes to small mobile view screens, you can see that the sidebar completely hides the viewport, in that case the user if he want to make a quick change or something with his phone, it would be impossible for him to do that. <img width="1792" alt="image" src="https://user-images.githubusercontent.com/72302948/190840966-17aeda4b-cfcb-41c6-9348-7338d26f7bc1.png";> ### Use case I want to implement a responsive sidebar feature for DevLake, mostly for the above two use cases - **When the user is setting up Lake** A customer might need that he has documentation in one half of the window and Lake in the another half, which gives a very smooth setup experience with a responsive sidebar. - **When the user is using smaller screen size like Tablets** According to what I think, there might not be a huge number of customers using mobiles for Lake, but there can a plenty of customers using Tablets, it would be a good option to add responsiveness to the sidebar so that those users can take full advantage the main view. ### Related issues _No response_ ### Are you willing to submit a PR? - [X] Yes I am willing to submit a PR! ### Code of Conduct - [X] I agree to follow this project's [Code of Conduct](https://www.apache.org/foundation/policies/conduct) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
![https://user-images.githubusercontent.com/72302948/190840966-17aeda4b-cfcb-41c6-9348-7338d26f7bc1.png"](https://user-images.githubusercontent.com/72302948/190840966-17aeda4b-cfcb-41c6-9348-7338d26f7bc1.png"){kind=link}