Fixed & UI Enhancement: Makes the Sidebar Sticky

[sandy088]

Changes Made in this Pull Req.

I have made the Changes in the Sidebar #134

• 👉Made Sidebar Sticky: I've made the Sidebar sticky, which ensures that it remains fixed on the screen while the user scrolls. This enhancement provides a more consistent and user-friendly experience, especially on longer web pages.

• 👉Disabled Scrolling on Mobile: I've implemented a solution to disable scrolling on mobile devices when the sidebar is opened. This improvement is significant for mobile users as it prevents the Sidebar from interfering with their ability to scroll through the main content. It ensures that the Sidebar functions smoothly on mobile screens without affecting the rest of the page.

• 👉Fixed Sidebar Cutting Content: The changes also include a fix for an issue where the Sidebar was partially covering the content. With these modifications, the Sidebar no longer obstructs the main content and allows for better content visibility and interaction.

Why it should be merged🤔?

These changes have been thoroughly tested and are working as expected on various browsers, including Chrome, Firefox, and mobile devices. They not only enhance the user experience but also ensure that the Sidebar behaves consistently across different screens and browsers.

I recommend merging these changes to improve the overall usability and functionality of the Sidebar component, resulting in a better user experience for both desktop and mobile users.

Video

bandicam.2023-10-22.17-28-41-598.mp4

[thecuriousteam]

@sandy088 you can start working on it and can you please enhance the middle content

Thank You

Instructions

1. Yes you can start working on it by taking latest pull from main branch
2. Don't Forget to join onboarding group for knowledge flow and direct conversation and support from other developers link Curious Developers Community - Hacktoberfest
3. Please attach the screenshots and video of the development work once it is done
4. Contributions more than 3 will be awarded a certificate of appreciation from curious ecosystem please mail to (admin@curiousdevelopers.in) for claiming certificate and please attach your issue number
5. Respect Co Developers And Please Reachout to admins if any issues

[sandy088]

@sandy088 you can start working on it and can you please enhance the middle content

Thank You

Instructions

1. Yes you can start working on it by taking latest pull from main branch

2. Don't Forget to join onboarding group for knowledge flow and direct conversation and support from other developers link  [Curious Developers Community - Hacktoberfest ](https://chat.whatsapp.com/HNu3VaLPK3z3yt3JFUs7D7)

3. Please attach the screenshots and video of the development work once it is done

4. Contributions more than 3 will be awarded a certificate of appreciation from curious ecosystem please mail to ([admin@curiousdevelopers.in](mailto:admin@curiousdevelopers.in)) for claiming certificate and please attach your issue number

5. Respect Co Developers And Please Reachout to admins if any issues

Yeah sure, I have started working on it.✅

[sandy088]

@sandy088 you can start working on it and can you please enhance the middle content

Thank You

Instructions

1. Yes you can start working on it by taking latest pull from main branch

2. Don't Forget to join onboarding group for knowledge flow and direct conversation and support from other developers link  [Curious Developers Community - Hacktoberfest ](https://chat.whatsapp.com/HNu3VaLPK3z3yt3JFUs7D7)

3. Please attach the screenshots and video of the development work once it is done

4. Contributions more than 3 will be awarded a certificate of appreciation from curious ecosystem please mail to ([admin@curiousdevelopers.in](mailto:admin@curiousdevelopers.in)) for claiming certificate and please attach your issue number

5. Respect Co Developers And Please Reachout to admins if any issues

Yeah I have solved this and made the middle content responsive, You can check out in this pull request #183