Fix: Transparent Navbar Update #612
Open
Conversation
This file contains hidden or 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
Changes in navbar's background color, from #141d26 to transparent. This gives the impression of a less polluted and a cleaner UI. It feels like the screen gets bigger when scrolling down. Changes have been made in both .light and .dark CSS classes. Additionally, it can be seen that when scrolling down, the navbar's box shadow gives an unpleasant contrast of colors, even though it is barely unnoticeable at first glance.
✅ Deploy Preview for codesetgo ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
|
Hey, it wasn't assigned to you as other one raised issue before you, if her pr isn't good then will review yours .. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Related Issue
Title: Transparent Navbar #595
Proposed Changes
Make the navbar transparent for a cleaner UI.
Additional Info
Changes have been made to CSS files.
Checklist
Changes in the navbar's background color and its box shadow.
#595
Changes have been made in both .light and .dark CSS classes in assets/css/darkmode.css
In order to get a transparent navbar, the --bar variable in this file must have "transparent" as its value.
Additionally, it can be seen that when scrolling down, the navbar's box-shadow property creates a white smooth line that outlines the navbar, providing an unpleasant aesthetic on the page. This property has been removed from the CSS file.
This gives the impression of a cleaner UI. It feels like the screen gets bigger when scrolling through the page.
This does not affect any other piece of code in the repository.
Output Screenshots
Output (after changes)
