🌙✨ Fixed Scroll Button Hovering Issue in Dark Mode on Contributors Page 🎨🖱️ #165
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
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 CONTRIBUTE.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊 |
|
Please review and merge it. @Ojas-Arora |
|
@ak-0283 Update Branch and try to make some better changes linke 3-4 or more changes in a file not just a single change next time as been told to us by SWOC. |
|
hey @Ojas-Arora i have 3 done changes i.e, Contributors Page, Main Page,About Page . Please review and merge it. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #164
Description:
While working on the dark mode feature, I realized that the scroll button wasn't behaving as expected during hover interactions. It felt inconsistent and lacked the polished feel that I strive for in my designs. So, I dived into fixing it and here’s what I’ve achieved:
🎯 Issue Identified: The hover effect on the scroll button didn’t align well with the dark mode theme, making it less visually appealing and slightly confusing for users.
🛠️ Solution Implemented:
1️⃣ Improved the hover states to ensure the button reacts smoothly and clearly when hovered over, even in dark mode.
2️⃣ Updated the button’s color scheme for dark mode, ensuring perfect contrast for better visibility.
3️⃣ Enhanced the hover animations for a sleek and modern look, making the interaction more engaging.
4️⃣ Optimized responsiveness, ensuring the button functions consistently across various devices and screen sizes.
🌟 The Result:
Now, users can seamlessly interact with the scroll button in dark mode without any visual glitches or usability issues. This change not only improves the aesthetics but also ensures a consistent and intuitive user experience throughout.
I believe attention to these little details makes a huge difference in creating a user-friendly and enjoyable interface. 🌐
Type of PR
Screenshots / videos (if applicable)
Checklist:
Additional context:
This pull request fixes the issue with the scroll-to-top button hover effect in dark mode. The button was previously not behaving as expected, especially in dark mode, which led to an inconsistent user experience. After thorough testing, I've optimized the hover effect, ensured the button is clearly visible, and aligned the color scheme with the dark mode theme. This update improves both usability and aesthetics for a smoother user interaction.