Enhance Navigation Bar UI/UX for Desktop and Mobile Views #284
Conversation
This commit addresses two logo visibility issues: 1. User logos are now displayed on a white background in dark theme to provide proper contrast 2. Feature icons on the homepage (particularly namespace logo) now have a subtle drop shadow to improve visibility against light backgrounds
Improve the website's navigation bar with modern styling and better responsiveness
|
Are these assets, like images, not loading? I think it might be because Apache has enforced a stricter Content Security Policy (CSP), which is blocking the retrieval of assets from external servers as per this policy: Apache Website Policy. Am I correct? 
@PragmaTwice @git-hulk
|
|
? |
Yeah I've also observed that. Not sure if we can contact with ASF infra to change the csp policy. Or we can cache them in our website. |
|
Okay, sir. May I work on this? I have a solution in mind. |
Of course! Thank you for your continued contribution. |
|
Thank you for your appreciation, sir |
This pull request includes changes to the Docusaurus configuration and custom CSS to enhance the navbar's functionality and appearance. The most important changes include adding a new feature to hide the navbar on scroll and extensive styling updates to the navbar and dropdown menus.
Enhancements to navbar functionality:
docusaurus.config.js: AddedhideOnScrollproperty to the navbar configuration to hide the navbar when scrolling.Styling updates:
src/css/custom.css: Added extensive styling for the navbar, including box-shadow, transition effects, and hover states for various navbar elements. This includes styles for the navbar logo, brand, links, dropdown menus, and mobile navbar.@PragmaTwice @git-hulk