Skip to content

Conversation

@Srinu346
Copy link

Related Tickets & Documents

Fixes: #3298

Description

This PR updates the placement and behaviour of the social media share component in blog pages.

Current Behaviour

  • The share component appears at the top of the blog, next to the reviewer name.
  • It is not sticky and does not follow the scroll.

Expected Output (Implemented)

  • Social share navbar is moved to the bottom of the blog banner.
  • The component now has a sticky scroll effect, similar to:
    • the advertisement banner
    • the table of contents
  • Ensures consistent alignment across screens and improves UX.

Changes

  • Relocated social share component from blog header area to banner bottom.
  • Added sticky positioning with scroll-follow behaviour.
  • Updated UI styles for spacing, responsiveness, and placement.
  • Refactored existing component structure for small reusability improvements.

Type of Change

  • Chore
  • Bug fix
  • [] New feature
  • Breaking Change
  • UI improvement
  • Performance improvement
  • Documentation update
  • CI
  • Revert

Testing

Manual Testing Performed

  • Verified sticky behaviour across long-scroll blogs.
  • Verified correct initial placement below blog banner.
  • Tested on desktop, tablet, and mobile breakpoints.
  • Ensured no layout overlap with ad banner or TOC.

Additional Test Notes

  • Component behaviour verified on Chrome, Edge, Firefox.

Demo

AFTER

image image

Environment and Dependencies

  • New Dependencies:
    • None
  • Configuration Changes:
    • No environment or config changes required.

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have made corresponding changes to the documentation
  • I have added corresponding tests
  • I have run the build command to ensure there are no build errors
  • My changes have been tested across relevant browsers/devices
  • For UI changes, I've included visual evidence of my changes

@Srinu346
Copy link
Author

Srinu346 commented Nov 21, 2025

@Achanandhi-M sir, @amaan-bhati sir please have a look

@Srinu346
Copy link
Author

Srinu346 commented Dec 3, 2025

@amaan-bhati sir , please review this if possible .

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.

[feature]: add a sticky share to social media component in blog website

1 participant