Fix: Allow sidebar to scroll on small screen heights. Issue #1643.

[ACBerea]

Issue Description

Fixes for Issue #1643

• Bottom of sidebar cut off on small screens.

Changes

• Changed overflow-y to auto in sidebar.css (line 21). Allowed for scrolling on the sidebar.
• Changed div <id="sidebar"> in sidebar.html to div <id="sidebar" class="bg-dark"> (line 5). Fixed the black background not extending vertically after auto was applied to overflow-y.

Testing

• Visual testing was done to check if the changed were applied as need. Resizing the window frequently to check for changes.
• DevTools were used to make live test changes for CSS elements without affecting the system.

[nahom70]

Issue addressed and tested. Sidebar scroll is seamless and works on small screens. The dark background helps maintain consistency.

[DanielRukwasha]

We approve, the sidebard seems to be working properly, and scrolling also meet the expectation

[github-actions]

View Code Coverage

[MImran2002]

looks good:
testing when the screen is reduced vertically, when the screen is reduced vertically and horizontally where the sidebar collapsed and when we clicked the hamburger ui and the sidebar pops up the side bar is responsive still and scorllable.