[Fix]Inter-page navigation

[ankushbhardwaj408]

Description

This PR fixes #5068
Inter-page navigation on all pages of the Handbook has been smoothed out from abrupt behavior.
Notes for Reviewers

Old behaviour

old.mp4

New behaviour

new.mp4

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 790e9cc at: https://653643364c06bc266cb35c7d--layer5.netlify.app

[abhijeetgauravm]

Hey @ankushbhardwaj408 Let's discuss this on website call today at 5:30 PM IST / 7 AM Central time. Please add this as an agenda item in the meeting minutes.

[ankushbhardwaj408]

@vishalvivekm @abhijeetgauravm I missed the meeting because I was out. Apologies. Please review my PR. appreciate your help.

[sudhanshutech]

@ankushbhardwaj408 the transition not looking as smooth, you can see meshery docs how smooth that it is. Apply styling to get it smoother

[ankushbhardwaj408]

@sudhanshutech Can you tell me where I can find the docs.meshery.io code base so that I can take a look at it and implement the work here.

[sudhanshutech]

@sudhanshutech Can you tell me where I can find the docs.meshery.io code base so that I can take a look at it and implement the work here.

no i am just referring you to the behaviour not the approach because docs is in other language

[l5io]

🚀 Preview for commit 0e8a7b8 at: https://653cca232de5725ffbe6eeb7--layer5.netlify.app

[abhijeetgauravm]

Hey @ankushbhardwaj408 Let's discuss this on website call tomorrow at 5:30 PM IST / 7 AM Central time. Please add this as an agenda item in the meeting minutes.

[sandramsc]

@ankushbhardwaj408 Thanks for your contribution, this fix to me looks good as it implements the smooth transition requested in the initial issue.
@sudhanshutech I see what you mean by having the transition match the smoothness which is in the meshery doc website, @ankushbhardwaj408 are you able to replicate this to maintain consistency throughout?

P.S It might be good to add this type of requirement to the issue description so the assignee knows what to expect before undertaking the task, as I understand the transition in meshery doc is written in a different language than that which this current PR is attempting to address?

[ankushbhardwaj408]

Description

This PR fixes #5068 Inter-page navigation on all pages of the Handbook has been smoothed out from abrupt behavior. Notes for Reviewers

Old behaviour

old.mp4
New behaviour

new.mp4
Signed commits

• Yes, I signed my commits.

Hi @sandramsc i am not able to replicate the beahviour. Some help would be appreciated. But I think it fixes the irregularity as shown in the video.

[ankushbhardwaj408]

The main issue was in the id names given to the elements because some links do not have transition effects so I corrected the id names and now all have the same behavior.

[l5io]

🚀 Preview for commit dc4efc7 at: https://6546144662a9b26575df61a5--layer5.netlify.app

[sudhanshutech]

@ankushbhardwaj408 how are you making sure the smoothness here, i see only addition of -

[ankushbhardwaj408]

@sudhanshutech I thought we were talking about links as if some links are behaving differently than others. But I understand your point. I will look into it.

[abhijeetgauravm]

Hey @ankushbhardwaj408 Let's discuss this on website call tomorrow at 6:30 PM IST / 7 AM Central time. Please add this as an agenda item in the meeting minutes.

[l5io]

🚀 Preview for commit 1f6d90b at: https://654b77bf7671831340086d6f--layer5.netlify.app

[ankushbhardwaj408]

@sudhanshutech I tried to make scroll like meshery docs site but it is not working, I tried to use scroll smooth behavior but still it is not working.

[sudhanshutech]

I think we are not getting here what we needed, @ankushbhardwaj408 i will recommend you to discuss this any website meet to get help

[abhijeetgauravm]

Hey @ankushbhardwaj408 Let's discuss this on website call tomorrow at 6:30 PM IST / 7 AM Central time. Please add this as an agenda item in the meeting minutes.

[leecalcote]

Merge conflict.

[leecalcote]

I think we are not getting here what we needed, @ankushbhardwaj408 i will recommend you to discuss this any website meet to get help

Good call, @sudhanshutech

[l5io]

🚀 Preview for commit 060b974 at: https://6555966c43d1113335045f56--layer5.netlify.app

[l5io]

🚀 Preview for commit e8cc4d5 at: https://65576e8b260bab286118587a--layer5.netlify.app

[l5io]

🚀 Preview for commit c53518f at: https://655a32ad34e0764ce02c6d3e--layer5.netlify.app

[abhijeetgauravm]

Hey @ankushbhardwaj408 Let's discuss this on website call today at 6:30 PM IST / 7 AM Central time. Please add this as an agenda item in the meeting minutes.

[l5io]

🚀 Preview for commit 1f93278 at: https://655b71f25b5dda1e48603ee2--layer5.netlify.app

[ankushbhardwaj408]

// @vishalvivekm

[l5io]

🚀 Preview for commit 86bed8f at: https://655b757185bcee23f6790bf0--layer5.netlify.app

[l5io]

🚀 Preview for commit f1ba9ad at: https://655ddcc320c2130ff20f6e7c--layer5.netlify.app

[l5io]

🚀 Preview for commit 1a390de at: https://656cb864cb669e26755bbfeb--layer5.netlify.app

[l5io]

🚀 Preview for commit 093a29b at: https://656d4e155dabd37edb7f3962--layer5.netlify.app

[ankushbhardwaj408]

@vishalvivekm //

[l5io]

🚀 Preview for commit d240e06 at: https://6575ec61a8508d40e8ee53a1--layer5.netlify.app

[saurabh100ni]

LGTM.
@vishalvivekm 👀

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.