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

Differenciate btn from options and improve the visibility #597

Merged
merged 1 commit into from
Oct 31, 2024

Conversation

atmajaa
Copy link
Contributor

@atmajaa atmajaa commented Oct 30, 2024

πŸ› οΈ Fixes Issue

Fixes: #595

πŸ‘¨β€πŸ’» Description

The Vote button has a similar UI to the options in the 'What power-up do you find most helpful?' section, making it difficult to distinguish. Updating the button's style would help improve clarity and user interaction

What does this PR do?

Changes the bg color of the vote button to differentiate it from the rest. Additionally it also changes the text color of options on click for clear visibility

Before:

image
WhatsApp Image 2024-10-31 at 02 14 16_958418d4

After:

image
image

πŸ“„ Type of Change

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

πŸ“· Screenshots/GIFs (if any)

Include screenshots or GIFs to demonstrate your changes

βœ… Checklist

  • I am a participant of GSSoC-ext.
  • I have followed the contribution guidelines of this project.
  • I have made this change from my own.
  • I have taken help from some online resources.
  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.
  • I have added documentation to explain my changes.

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

🀝 GSSoC Participation

  • This PR is submitted under the GSSoC program.
  • I have taken prior approval for this feature/fix.

Copy link

Thank you for submitting your pull request! πŸ™Œ We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copy link

netlify bot commented Oct 30, 2024

βœ… Deploy Preview for thunderous-starlight-9c463d ready!

Name Link
πŸ”¨ Latest commit ccdb431
πŸ” Latest deploy log https://app.netlify.com/sites/thunderous-starlight-9c463d/deploys/67229d97c5f9710008179c21
😎 Deploy Preview https://deploy-preview-597--thunderous-starlight-9c463d.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.

Copy link

netlify bot commented Oct 30, 2024

βœ… Deploy Preview for alienid ready!

Name Link
πŸ”¨ Latest commit ccdb431
πŸ” Latest deploy log https://app.netlify.com/sites/alienid/deploys/67229d9782825f0009e023e4
😎 Deploy Preview https://deploy-preview-597--alienid.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.

@YadavAkhileshh YadavAkhileshh merged commit 22c3273 into YadavAkhileshh:main Oct 31, 2024
9 checks passed
@YadavAkhileshh YadavAkhileshh added gssoc-ext New feature or request hacktoberfest-accepted Hacktoberfest level2 labels Oct 31, 2024
Copy link

πŸŽ‰πŸŽ‰ Thank you for your contribution! Your PR #597 has been merged! πŸŽ‰πŸŽ‰

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc-ext New feature or request hacktoberfest-accepted Hacktoberfest level2
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Custom]: Enhance the UI by differentiating the vote button to improve user experience
2 participants