Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

animation div sticky correction #6130

Merged
merged 3 commits into from
Dec 26, 2024
Merged

Conversation

balagowda
Copy link
Contributor

@balagowda balagowda commented Dec 23, 2024

Description

This PR fixes #5985

Untitled.mov

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

@l5io
Copy link
Contributor

l5io commented Dec 23, 2024

🚀 Preview for commit 9d62e6b at: https://67694a5916d269264ab11c3b--layer5.netlify.app

@@ -1,7 +1,7 @@
import styled from "styled-components";

const NavigationWrap = styled.header`
position: sticky;
// position: sticky;
Copy link
Member

Choose a reason for hiding this comment

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

remove it if not needed, don't keep it as comment

@@ -71,6 +71,7 @@ h2 {
}
.diagram {
margin-bottom:150px;
Copy link
Member

Choose a reason for hiding this comment

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

why extra margin?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@sudhanshutech Left div will go to the end of the parent div, compared to the right div, which looks bad. So, I added a margin there.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Screenshot 2024-12-25 at 11 44 14 AM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

You can see the left div reaching the end.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

And this is after adding margin
Screenshot 2024-12-25 at 11 48 31 AM

@@ -64,7 +64,7 @@ body {
transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
font-family: "Qanelas Soft", "Open Sans", sans-serif;
overflow-x: hidden !important;
// overflow-x: hidden !important;
Copy link
Member

Choose a reason for hiding this comment

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

same here remove it

@sudhanshutech
Copy link
Member

@balagowda incorporate the feedback and rest looks good.✔️

@l5io
Copy link
Contributor

l5io commented Dec 25, 2024

🚀 Preview for commit 1bbfd03 at: https://676ba93eda0e8ed49751fc4a--layer5.netlify.app

@sudhanshutech sudhanshutech merged commit 77f9fd0 into layer5io:master Dec 26, 2024
5 checks passed
@balagowda balagowda deleted the animation branch December 26, 2024 17:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

Animation vanishes on scrolling
3 participants