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

Enhanced header visibility and improved student section layout #92

Merged
merged 4 commits into from
Oct 12, 2024

Conversation

Shweta-1902
Copy link
Contributor

📋 Description

This pull request enhances the visibility of the header to prevent text from fading, ensuring a better user experience. Additionally, I've made several improvements to the student section layout, including better use of background colors and more detailed content for each student.

🔨 Changes Made

Improved header visibility to enhance text clarity and readability.
Enhanced the student section layout to ensure it occupies the entire box.
Increased the content for each student profile to fill the designated area effectively.
Updated images for student profiles with valid links.
Adjusted the overall styling for a more cohesive and appealing appearance.

✅ Checklist

Before submitting the PR, please make sure you have completed the following:

I have followed all the guidelines mentioned in CONTRIBUTING.md.
My code follows the style guidelines of this project.
I have performed a self-review of my own code.
I have commented my code, particularly in hard-to-understand areas.
I have made corresponding changes to the documentation (if applicable).
I have tested it locally and it works fine.
Any dependent changes have been merged and published in downstream modules.

🏷️ Types of Changes

What type of changes does your code introduce? (Check all that apply)

UI enhancement (non-breaking change which enhances UI) 🎨

📸 Screenshots (if applicable)

Screenshot (414)
Screenshot (415)
Screenshot (416)
Screenshot (419)
Screenshot (418)
Screenshot (420)
Screenshot (422)

Thank you for contributing to Research Nexus! We look forward to reviewing your PR and getting it merged!

Copy link
Owner

@Harshdev098 Harshdev098 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Its all good, just make a small change the navbar background color should be none or same as the header section(top of the site), its becoming white when returning to top of the site

@Shweta-1902
Copy link
Contributor Author

changes done

navbar.style.backgroundColor = "rgba(0, 0, 0, 0.8)"; // Dark background on scroll
navbar.querySelectorAll("a").forEach(a => a.style.color = "white"); // Change link color
} else {
navbar.style.backgroundColor = "rgba(0, 0, 0, 0.8)"; // Revert back to light background
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

make the backgroundColor none, it will be good

@Shweta-1902
Copy link
Contributor Author

done but again the text almost gets invisible on white background

@Harshdev098
Copy link
Owner

I have requested to change only the else condition backgroundColor to be none, you have made backgroundColor none to both the conditions

@Harshdev098
Copy link
Owner

Just wait a minute, will give a solution to it

@Harshdev098
Copy link
Owner

Just make the backgroundColor to be transparent in the else condition, it will work @Shweta-1902

@Shweta-1902
Copy link
Contributor Author

done

@Harshdev098 Harshdev098 merged commit a09e850 into Harshdev098:main Oct 12, 2024
1 check passed
@Harshdev098 Harshdev098 added hacktoberfest This issue belongs to hacktoberfest gssoc-ext This issue is under GSSoc Ext program level2 level2 lebel for gssoc level hacktoberfest-accepted label for accepted PRs under hacktoberfest labels Oct 12, 2024
@Shweta-1902
Copy link
Contributor Author

The leaderboard didn't got updated, it shows the same score as before

@Harshdev098
Copy link
Owner

Harshdev098 commented Oct 12, 2024

It will be get updated soon
I have added the labels on the PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc-ext This issue is under GSSoc Ext program hacktoberfest This issue belongs to hacktoberfest hacktoberfest-accepted label for accepted PRs under hacktoberfest level2 level2 lebel for gssoc level
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI Improvement for Student Section and Header Visibility Issue
2 participants