Conversation
Reviewer's GuideReplaces the Bootstrap-based Jekyll top navigation with a custom Kruize-branded header that matches the home page, and adds corresponding CSS plus improved styling for the search box and results dropdown. File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
There was a problem hiding this comment.
Hey - I've left some high level feedback:
- The new header hardcodes the primary nav links and drops the previous
site.data[page.topnav]-driven menu logic, which removes configurability and active-state handling; consider preserving the data-driven structure while updating the visual style. - Inline styles on the search container and input in
topnav.htmlcould be moved intocustomstyles.cssto keep presentation concerns in CSS and make future styling changes easier. - The
.kruize-header-active .navbarrule seems unused now that the Bootstrap navbar markup has been removed; consider deleting or repurposing this selector to avoid dead CSS.
Prompt for AI Agents
Please address the comments from this code review:
## Overall Comments
- The new header hardcodes the primary nav links and drops the previous `site.data[page.topnav]`-driven menu logic, which removes configurability and active-state handling; consider preserving the data-driven structure while updating the visual style.
- Inline styles on the search container and input in `topnav.html` could be moved into `customstyles.css` to keep presentation concerns in CSS and make future styling changes easier.
- The `.kruize-header-active .navbar` rule seems unused now that the Bootstrap navbar markup has been removed; consider deleting or repurposing this selector to avoid dead CSS.Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.
| <div style="padding: 10px 20px; background: #f8f8f8; border-bottom: 1px solid #ddd;"> | ||
| <div id="search-demo-container" style="max-width: 300px;"> | ||
| <input type="text" id="search-input" placeholder="{{site.data.strings.search_placeholder_text}}" style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;"> |
There was a problem hiding this comment.
Can we move these inline css to a separate css file for better maintainability. Also please ensure we are following the same pattern across the code base
| /* Kruize Home Page Header Styles */ | ||
| .kruize-header { | ||
| background-color: #f4f4f4; | ||
| color: #004E98; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding: 15px 20px; |
There was a problem hiding this comment.
We should have a separate css file that contains css styles related to the kruize Home Page Header , it should not be present in the docs folder with docs css changes .
| .kruize-header .nav { | ||
| display: flex; | ||
| align-items: center; | ||
| gap: 20px; | ||
| } | ||
|
|
||
| .kruize-header .nav a { | ||
| color: #004E98; | ||
| text-decoration: none; |
There was a problem hiding this comment.
There is duplication of css style in this customstyles.css and main style.css both are defining the same properties. Is this duplication needed? If not consider having a single css file so that its easy to understand which css file is for which section/page of the website
changing jekyll banner to match home page
Summary by Sourcery
Align the documentation site’s top navigation and search layout with the Kruize home page header design.
New Features:
Enhancements: