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

Hover effect added to Explore button #258

Closed
wants to merge 3 commits into from

Conversation

SisiVero
Copy link
Contributor

@SisiVero SisiVero commented Oct 6, 2024

Fixes

Description

This PR addresses the issue of lack of hover effect in the explore and donate buttons.
It also addresses the issue of redundant empty menu button for mobile screens being removed as There is no menu hence there is no need for the button. This issue was mentioned in issue #237 by @SisiVero .

##Technical
I added hover effect to the Explore button at the top of the page, ensuring that the colors align with the colors used in the page.
I added a transition effect to make it aesthetically pleasing when a user hovers on it.
I made sure no extra class names were added and the pattern for calling class name was followed.
I also ensured that the hover effect class contents is placed below the already existing class contents for easy access.
I removed the button tag with "expand-menu" class because it is meant for mobile screens and currently there are no menus to expand therefore there is no use for it.

Checklist

  • My pull request has a descriptive title (not a vague title like Update index.md).
  • My pull request targets the default branch of the repository (main or master).
  • My commit messages follow [best practices][best_practices].
  • My code follows the established code style of the repository.
  • I added or updated tests for the changes I made (if applicable).
  • I added or updated documentation (if applicable).
  • I tried running the project locally and verified that there are no
    visible errors.

@SisiVero SisiVero requested a review from a team as a code owner October 6, 2024 19:18
@SisiVero SisiVero requested review from TimidRobot and Shafiya-Heena and removed request for a team October 6, 2024 19:18
Copy link

netlify bot commented Oct 6, 2024

Deploy Preview for cc-search-portal ready!

Name Link
🔨 Latest commit a4e2bff
🔍 Latest deploy log https://app.netlify.com/sites/cc-search-portal/deploys/6702edb176b6620008a84f5e
😎 Deploy Preview https://deploy-preview-258--cc-search-portal.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.

@possumbilities
Copy link
Contributor

Hi, and thank you for doing this work. After further review the Issue in question here as moved to 🚧 status: blocked Blocked & therefore, not ready for work so I'm closing this PR for now.

Additionally, this PR adds changes that are not related to adding a hover effect.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

[Feature] Buttons Lack Hover Reactions - Poor User Experience
2 participants