Gauravdarkslayer / ngx-stories

An Angular component to render instagram like stories.
https://ngx-stories.vercel.app
MIT License
17 stars 13 forks source link

💡 [REQUEST] - Add left/right arrow buttons on desktop view only #17

Closed Gauravdarkslayer closed 1 month ago

Gauravdarkslayer commented 1 month ago

Start Date

No response

Implementation PR

No response

Reference Issues

No response

Summary

Need to implement a new feature to improve the navigation experience on desktop devices. The goal is to add left and right arrow buttons for navigating through stories in desktop view. These buttons will allow users to move to the previous or next story using visible, clickable controls.

Details:

Arrow Buttons: Left and right arrow buttons should be visible only on desktop view. On mobile and tablet devices, the buttons should remain hidden. Hiding/Disabling Taps: Currently, the user can navigate between stories by tapping on the left or right side of the screen. With the introduction of arrow buttons, the left/right taps for navigation should be disabled or hidden when the app is viewed on a desktop device. This ensures navigation is fully controlled by the newly added arrow buttons.

Acceptance Criteria:

Arrow buttons should only be visible on desktop view. Left/right taps for story navigation should be disabled or hidden on desktop. Mobile and tablet devices should continue using tap-based navigation without any changes. This feature aims to provide a more user-friendly navigation experience for desktop users.

Basic Example

No response

Drawbacks

No response

Unresolved questions

No response

github-actions[bot] commented 1 month ago

Hey @Gauravdarkslayer, Thanks for contributing and Congrats on opening Issue :tada:

We will try to review as soon as possible and a maintainer will get back to you soon!

Sauhard74 commented 1 month ago

hey can i work on this ?

Piyush-Goenka commented 1 month ago

Hey @Gauravdarkslayer , I’ll take on the task of implementing the new arrow button navigation feature for desktop devices. This will involve ensuring that the left and right arrow buttons are only visible on desktop views and disabling tap navigation on those devices to enhance user experience. I’ll also make sure that mobile and tablet navigation remains unchanged. Looking forward to improving our navigation for desktop users! Please assign this issue to me.

meetbhalodi11 commented 1 month ago

@Gauravdarkslayer Can you assign this to me? it's related to #19

github-actions[bot] commented 3 days ago

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

This action has been performed automatically by a bot.