Skip to content

Doc right section fix#6465

Open
antedotee wants to merge 3 commits intopipe-cd:masterfrom
antedotee:doc-right-section-fix
Open

Doc right section fix#6465
antedotee wants to merge 3 commits intopipe-cd:masterfrom
antedotee:doc-right-section-fix

Conversation

@antedotee
Copy link

What this PR does:
This PR adds the functionality of highlighting of the right section along with scrolling of the main content.

Why we need it:
To enhance the user experience

Fixes #6464

@antedotee antedotee requested review from a team as code owners January 27, 2026 06:38
@antedotee antedotee force-pushed the doc-right-section-fix branch 2 times, most recently from ad9c07d to 6e5a7d4 Compare January 27, 2026 06:44
@antedotee
Copy link
Author

@eeshaanSA Please take a look.

Comment on lines 70 to 71
activeSection.link.style.fontWeight = 'bold';
activeSection.link.style.color = '#007bff'; // Bootstrap primary color
Copy link
Contributor

Choose a reason for hiding this comment

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

@antedotee, wouldn't it be better to let JS only toggle the active class and keep all styling in SCSS to avoid duplication and overrides, what do you think?

@rahulshendre
Copy link
Contributor

animation_right_side.mp4

@eeshaanSA As mentioned in the previous meeting, you suggested that anyone with JS experience to take a look at this. I have reviewed and tested it locally.

Overall the behavior looks good. A couple of suggestions:

  1. The transition speed feels a bit fast, increasing it to 0.3s for a smoother look would be better (currently 0.2s).
  2. There's a minor UX issue (pointed out in the video as well), when text becomes "active", the width increases by 11px (3px border + 8px padding) causing text to wrap and create a visual disturbance. @antedotee you can consider reserving this space in the inactive state to prevent layout shift.

Please address the review comment about removing inline styles from JS. Once those are fixed, this LGTM.
Thanks

@antedotee antedotee force-pushed the doc-right-section-fix branch from 6e5a7d4 to 00bfef9 Compare February 2, 2026 07:22
@antedotee antedotee force-pushed the doc-right-section-fix branch from 00bfef9 to 8aff33e Compare February 2, 2026 07:22
@antedotee
Copy link
Author

@rahulshendre I have implemented the suggested changes. Please have a look and let me know if there are any further improvements to be worked upon.

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.

The right nav should highlighting along with scrolling of the content

2 participants