search

ChromeGaming / Dot-Box

Dot-Box is a game where players take turns drawing lines between dots to create boxes. The player who completes the most boxes wins. It's a simple yet strategic game enjoyed by people of all ages.
https://chromegaming.github.io/Dot-Box/
MIT License
101 stars 186 forks source link

[Enhancement]: Improve Scoreboard Dragging UX #650

Open Jawad-A02 opened 4 months ago

Jawad-A02 commented 4 months ago

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement: I am a user who loves playing the DOTS & BOXES, and I believe improving the scoreboard dragging functionality would greatly enhance the overall user experience.

Currently, when hovering over the scoreboard, the mouse cursor indicates that the scoreboard can be moved. However, dragging is only functional within the outer white box and does not work when dragging by the text. This can lead to a confusing user experience as the visual cue (cursor change) suggests the entire scoreboard is draggable.

https://github.com/user-attachments/assets/030e1eeb-ba81-47eb-94f7-5ab1c5ee164d

Describe the solution you'd like

Solution steps: I am new to the project so those steps might not be in the correct order:

  1. Identify the current event listeners for the drag functionality.
  2. Extend the event listeners to cover the text area within the scoreboard.
  3. Test the enhanced dragging functionality to ensure it works seamlessly when dragging both the outer white box and the text area.
  4. Adjust any necessary CSS to ensure the cursor change remains consistent and intuitive.

Select program in which you are contributing

Other

Code of Conduct

github-actions[bot] commented 4 months ago

Hey @Jawad-A02! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible. 👉 Don’t forget to star our Dot-Box and Follow Us on GitHub 👉 Make sure you join our Discord, we have created separate channels for all projects