Skip to content

changing jekyll banner to match home page#12

Open
ncau wants to merge 2 commits intokruize:mainfrom
ncau:homeBanner
Open

changing jekyll banner to match home page#12
ncau wants to merge 2 commits intokruize:mainfrom
ncau:homeBanner

Conversation

@ncau
Copy link
Copy Markdown
Contributor

@ncau ncau commented Feb 19, 2026

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:

  • Add a Kruize-branded header with logo, primary navigation links, and external GitHub/Slack icons to the docs site.

Enhancements:

  • Replace the previous bootstrap-based navbar and dynamic topnav configuration with a simplified static header and separate search bar layout.
  • Introduce custom styling for the new Kruize header and improve the appearance and positioning of the docs search results dropdown.

@sourcery-ai
Copy link
Copy Markdown

sourcery-ai Bot commented Feb 19, 2026

Reviewer's Guide

Replaces 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

Change Details Files
Replace the Bootstrap navbar-based top navigation include with a simplified Kruize-branded header and repositioned search box.
  • Remove the existing element, Bootstrap navbar structure, and Liquid-driven dynamic menu/dropdowns from the topnav include.
  • Introduce a new .kruize-header container with logo, simple nav links (Docs, Demos, Blogs), sidebar toggle link, and GitHub/Slack icon links.
  • Move the Jekyll search markup and initialization script into a standalone block rendered below the new header and simplify the markup/inline styles.
docs/_includes/topnav.html
Add styling for the new Kruize header, icon links, and search results dropdown.
  • Define .kruize-header layout, colors, spacing, and hover interactions for nav links and icons to visually match the home page.
  • Add rules for .kruize-header .logo, .nav, and .icons including sizing and flexbox alignment.
  • Introduce styles for the search container and #results-container (dropdown look, positioning, hover effects, and link styling).
  • Add a helper rule to hide the default navbar when a .kruize-header-active class is present on a parent container.
docs/css/customstyles.css

Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

Copy link
Copy Markdown

@sourcery-ai sourcery-ai Bot left a comment

Choose a reason for hiding this comment

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

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.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.
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.

Sourcery is free for open source - if you like our reviews please consider sharing them ✨
Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.

@ncau ncau requested a review from bhanvimenghani February 20, 2026 13:59
Comment on lines +21 to +23
<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;">
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

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

Comment thread docs/css/customstyles.css
Comment on lines +5 to +12
/* Kruize Home Page Header Styles */
.kruize-header {
background-color: #f4f4f4;
color: #004E98;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

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 .

Comment thread docs/css/customstyles.css
Comment on lines +20 to +28
.kruize-header .nav {
display: flex;
align-items: center;
gap: 20px;
}

.kruize-header .nav a {
color: #004E98;
text-decoration: none;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants