hngprojects / hng_boilerplate_nestjs

Description
Apache License 2.0
181 stars 105 forks source link

[FIX][STARLIGHT NEXT.JS]: Resolve Unresponsive Sidebar Collapse Button on Mobile #1178

Open Olabisi13 opened 3 months ago

Olabisi13 commented 3 months ago

Description

The sidebar collapse button on the mobile version of the application is currently unresponsive, preventing users from toggling the sidebar.

Acceptance Criteria

-The sidebar collapse button on mobile devices is functional and toggles the sidebar open and closed when tapped. -The sidebar and collapse button are fully responsive, adjusting to different screen sizes and orientations without issues.

Purpose

The purpose of this ticket is to restore the functionality of the sidebar collapse button on mobile devices, allowing users to easily open and close the sidebar as needed.

Requirem#ents

  1. Button Functionality: The sidebar collapse button should be fully clickable and responsive to user interactions on mobile devices.
  2. Cross-Device Compatibility: Ensure the collapse button functions correctly across all major mobile devices, including both Android and iOS platforms.
  3. Responsive Design: The button and sidebar should be responsive, maintaining usability across various screen sizes and orientations.

Expected Outcome

-The sidebar collapse button should be fully functional on all mobile devices, allowing users to toggle the sidebar open and closed. -The button should respond immediately to taps, with smooth animations accompanying the opening and closing of the sidebar. -The solution should work consistently across various mobile devices and screen sizes.