Skip to content

feat: smooth scroll and highlight preview on section toggle#76

Open
ankeeta-mohanty wants to merge 1 commit into
Mohit-368:mainfrom
ankeeta-mohanty:feature/smooth-scroll-on-toggle
Open

feat: smooth scroll and highlight preview on section toggle#76
ankeeta-mohanty wants to merge 1 commit into
Mohit-368:mainfrom
ankeeta-mohanty:feature/smooth-scroll-on-toggle

Conversation

@ankeeta-mohanty
Copy link
Copy Markdown

Summary

Adds smooth scroll and highlight animation to the preview panel when a section is toggled ON in the sidebar.

Changes Made

  • readmeforge.js — Added scrollToSectionInPreview() that scrolls the preview panel to the toggled section and triggers a glow animation. Only fires when toggling ON.
  • readmeforge.css — Added @keyframes sectionGlow and .section-highlight for the cyan highlight effect.

Acceptance Criteria

  • Preview scrolls to toggled section smoothly
  • Highlight animation plays and fades out
  • Works scrolling both up and down
  • Only triggers on ON, not OFF
  • No console errors

Closes #6

@netlify
Copy link
Copy Markdown

netlify Bot commented May 8, 2026

Deploy Preview for makeareadme ready!

Name Link
🔨 Latest commit 79fa2ee
🔍 Latest deploy log https://app.netlify.com/projects/makeareadme/deploys/69fd815a70ed980008495700
😎 Deploy Preview https://deploy-preview-76--makeareadme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

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.

Add smooth scroll to preview on section toggle

1 participant