-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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
Conversation
Signed-off-by: balagowda <[email protected]>
🚀 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; |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
why extra margin?
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
src/sections/app.style.js
Outdated
@@ -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; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
same here remove it
@balagowda incorporate the feedback and rest looks good.✔️ |
Signed-off-by: balagowda <[email protected]>
🚀 Preview for commit 1bbfd03 at: https://676ba93eda0e8ed49751fc4a--layer5.netlify.app |
Description
This PR fixes #5985
Untitled.mov
Notes for Reviewers
Signed commits