Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(styles): add pointer cursor for switch elements #414

Merged
merged 1 commit into from
Feb 16, 2025

Conversation

Michael-Obele
Copy link
Contributor

@Michael-Obele Michael-Obele commented Feb 15, 2025

Added 'cursor: pointer' to #switch and .switch in styles.css to indicate interactivity and improve UX.

🛠️ Fixes Issue

Fixes #394

Related Issue/Addition to code

👨‍💻 Changes proposed

  • Added 'cursor: pointer' to #switch and .switch in styles.css to ensure that the dark and light mode button displays a hand cursor on hover.

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • New feature (non-breaking change which adds functionality)
  • This change requires a documentation update

✔️ Check List

  • My code follows the code style of this project.
  • This PR does not contain plagiarized content.
  • The title of my pull request is a short description of the requested changes.

📄 Note to reviewers

Please verify that the hand cursor now appears on hover for the dark and light mode button, enhancing user interactivity as described in the feature request.

📷 Screenshots

Original Updated
original screenshot updated screenshot

Added 'cursor: pointer' to #switch and .switch in styles.css to indicate interactivity and improve UX.
Copy link

netlify bot commented Feb 15, 2025

Deploy Preview for mogulchristmas ready!

Name Link
🔨 Latest commit 3084b1a
🔍 Latest deploy log https://app.netlify.com/sites/mogulchristmas/deploys/67b0626decbd8b0008f23405
😎 Deploy Preview https://deploy-preview-414--mogulchristmas.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@KendallDoesCoding KendallDoesCoding merged commit 5ebf950 into KendallDoesCoding:main Feb 16, 2025
6 of 9 checks passed
@KendallDoesCoding
Copy link
Owner

Thanks for your contribution @Michael-Obele

@KendallDoesCoding
Copy link
Owner

@all-contributors add @Michael-Obele to the doc

Copy link
Contributor

@KendallDoesCoding

@Michael-Obele already contributed before to doc

@Michael-Obele Michael-Obele deleted the cursor-fix branch February 20, 2025 11:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FEATURE REQUEST] -No Hand Cursor on Dark and Light Mode Button
2 participants