changes made in the navbar for docs section by Tannuu18 · Pull Request #1887 · recodehive/recode-website

Tannuu18 · 2026-06-11T07:10:43Z

Description

Updated the docs layout CSS so the top navigation remains fully visible and no longer gets pushed or clipped by the docs sidebar on docs.
Fixes #1886

Type of Change

New feature (e.g., new page, component, or functionality)
Bug fix (non-breaking change that fixes an issue)
UI/UX improvement (design, layout, or styling updates)
Performance optimization (e.g., code splitting, caching)
Documentation update (README, contribution guidelines, etc.)
Other (please specify):

Changes Made

Added a sticky, full-width header/navbar override in [custom.css]
Ensured header, [.theme-doc-navbar], and [.navbar] stay above the docs sidebar using a high [z-index]
Removed transform/clipping on .navbar__inner and .navbar__items to prevent stacking/context overlap issues
This prevents the sidebar from pushing the top nav items to the right or obscuring elements like Showcase

Dependencies

none

Checklist

My code follows the style guidelines of this project.
I have tested my changes across major browsers and devices
My changes do not generate new console warnings or errors .
I ran npm run build and attached screenshot(s) in this PR.
This is already assigned Issue to me, not an unassigned issue.

vercel · 2026-06-11T07:10:48Z

@Tannuu18 is attempting to deploy a commit to the recode Team on Vercel.

A member of the Team first needs to authorize it.

github-actions · 2026-06-11T07:10:51Z

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, a video recording, or an image of the update you made below, which helps speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

Get free Consultation use code recode50 to get free: Mentorship for free.
Get the Ebook for free use code recode at checkout: Data Science cheatsheet for Beginners.
Check out this weekly Newsletter: Sanjay's Newsletter.

If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

github-actions · 2026-06-11T07:11:02Z

✅ Synchronized metadata from Issue #1886:

Labels: level 1, recode, Enhacement, level2, gssoc:approved, type:docs, bug
Milestone: Intial release: 1.0

Tannuu18 · 2026-06-11T07:12:07Z

heyy @sanjay-kv can you please review this Pull request and merge it by today??? Need it for Gssoc streak.

Copilot

Pull request overview

This PR updates global site CSS to prevent the Docs sidebar from obscuring or pushing the top navbar, aiming to keep the Docs navigation fully visible (fixing #1886).

Changes:

Adds new navbar stacking/positioning overrides intended to keep the navbar above the Docs sidebar.
Removes/adjusts transforms and other layout-related CSS that can create stacking-context clipping.
Applies a number of CSS formatting/selector-spacing cleanups and removes some older z-index overrides.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

iitzIrFan

resolve comments from co-pilot!

…e#1886

github-actions · 2026-06-11T15:00:55Z

✅ Synchronized metadata from Issue #1886:

Labels: level 1, recode, Enhacement, level2, gssoc:approved, type:docs, bug
Milestone: Intial release: 1.0

Tannuu18 · 2026-06-11T15:02:04Z

heyy @iitzIrFan i have implemented the changes that co-pilot suggested. Kindly review it.

iitzIrFan · 2026-06-11T15:21:57Z

@Adez017!

Adez017

@Tannuu18 too many changes are been made over here and i think this should needed a triage .
CC: @sanjay-kv @iitzIrFan

Adez017 · 2026-06-12T08:58:05Z

-}
-
-/* Stronger layout rules to keep labels and icons aligned across deployments */
-.dropdown__menu .grid>.border-r.col-span-1,
-.dropdown-content .grid>.border-r.col-span-1 {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: flex-start !important;
-  flex: 0 0 auto !important;
-  min-width: auto !important;
-  /* allow label to size to content */
-  padding-right: 0.4rem !important;
-}
-
-/* Make the label itself use a single line and center vertically */
-.dropdown__menu .grid>.border-r.col-span-1 a,
-.dropdown-content .grid>.border-r.col-span-1 a {


not sure do we need this much amount of cosmic changes over here @sanjay-kv @iitzIrFan we had many elements depends on this css file and unwanted chnages can disrupt other functionality

Adez017 · 2026-06-12T08:58:40Z


-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info,
-html[data-theme="dark"].blog-post-page .markdown .alert--info,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary {
-  --ifm-alert-foreground-color: #ffffff !important;
-  --ifm-alert-background-color: #0f172a !important;
-  --ifm-alert-background-color-highlight: rgba(148, 163, 184, 0.14) !important;
-  --ifm-alert-border-color: #2563eb !important;
-  --ifm-link-color: #93c5fd !important;
-  --ifm-link-hover-color: #bfdbfe !important;
-  background-color: var(--ifm-alert-background-color) !important;
-  background: var(--ifm-alert-background-color) !important;
-  border-left-color: var(--ifm-alert-border-color) !important;
-  color: #ffffff !important;
-}
-
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"],
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"],
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"],
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"],
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] p,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] li,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] span,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] strong,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] em,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] code,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-info [class*="admonitionContent_"] a,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] p,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] li,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] span,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] strong,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] em,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] code,
-html[data-theme="dark"].blog-post-page .markdown .theme-admonition-note [class*="admonitionContent_"] a,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] p,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] li,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] span,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] strong,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] em,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] code,
-html[data-theme="dark"].blog-post-page .markdown .alert--info [class*="admonitionContent_"] a,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] p,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] li,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] span,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] strong,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] em,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] code,
-html[data-theme="dark"].blog-post-page .markdown .alert--secondary [class*="admonitionContent_"] a {
-  color: #ffffff !important;
-  -webkit-text-fill-color: #ffffff !important;


same things go for this one too @sanjay-kv @iitzIrFan

Adez017 · 2026-06-12T08:59:54Z

-
-.pagination-btn.disabled {
-  opacity: 0.4 !important;
-  cursor: not-allowed !important;
-}


Unwanted css removal for the leadeerboard pagination . I dont think this is required over here related to this issue

changes made in the navbar for docs section

ac0f585

Tannuu18 requested review from Adez017, iitzIrFan and sanjay-kv as code owners June 11, 2026 07:10

github-actions Bot added in-review The current changes are in review and would need approval and testing before merging level 1 10 points recode this is label for leaderboard labels Jun 11, 2026

github-actions Bot added this to the recode:launch 3.0 milestone Jun 11, 2026

github-actions Bot added bug Enhacement gssoc26 label gssoc:approved gssoc label level2 gssoc26 label type:docs gssoc label 5pts labels Jun 11, 2026

github-actions Bot modified the milestones: recode:launch 3.0, Intial release: 1.0 Jun 11, 2026

iitzIrFan requested a review from Copilot June 11, 2026 12:40

Copilot started reviewing on behalf of iitzIrFan June 11, 2026 12:40 View session

Copilot AI reviewed Jun 11, 2026

View reviewed changes

Comment thread src/css/custom.css Outdated

Comment thread src/css/custom.css

iitzIrFan reviewed Jun 11, 2026

View reviewed changes

fix: resolve docs page navbar overlapping and layout issues recodehiv…

eef039e

…e#1886

iitzIrFan requested review from iitzIrFan and removed request for iitzIrFan June 11, 2026 15:16

iitzIrFan assigned Tannuu18 Jun 11, 2026

Adez017 added this to @recode-web Jun 12, 2026

Adez017 requested changes Jun 12, 2026

View reviewed changes

iitzIrFan moved this to Todo in @recode-web Jun 12, 2026

iitzIrFan moved this from Todo to In Progress in @recode-web Jun 12, 2026

Conversation

Tannuu18 commented Jun 11, 2026

Description

Type of Change

Changes Made

Dependencies

Checklist

Uh oh!

vercel Bot commented Jun 11, 2026

Uh oh!

github-actions Bot commented Jun 11, 2026

Uh oh!

github-actions Bot commented Jun 11, 2026

Uh oh!

Tannuu18 commented Jun 11, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

iitzIrFan left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented Jun 11, 2026

Uh oh!

Tannuu18 commented Jun 11, 2026

Uh oh!

iitzIrFan commented Jun 11, 2026

Uh oh!

Adez017 left a comment

Choose a reason for hiding this comment

Uh oh!

Adez017 Jun 12, 2026

Choose a reason for hiding this comment

Uh oh!

Adez017 Jun 12, 2026

Choose a reason for hiding this comment

Uh oh!

Adez017 Jun 12, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants