Skip to content

Conversation

@scttcper
Copy link
Member

Hides the overlap when shrinking and reduces movement by applying padding all the time

before - notice the overflow is showing
image

after

CleanShot.2023-10-18.at.16.08.28.mp4

Hides the overlap when shrinking and reduces movement by applying padding all the time
@scttcper scttcper requested a review from roggenkemper October 18, 2023 23:12
@scttcper scttcper requested a review from a team as a code owner October 18, 2023 23:12

// Using 22px + space(1) = space(4)
const SmallerSidebarWrap = styled(SidebarSection.Wrap)`
margin-bottom: 22px;
Copy link
Member Author

Choose a reason for hiding this comment

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

only doing this because space(3) + space(1) != space(4). for some reason sapce(3) is 20px

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Oct 18, 2023
@scttcper scttcper enabled auto-merge (squash) October 18, 2023 23:22
@scttcper scttcper merged commit 03d1596 into master Oct 18, 2023
@scttcper scttcper deleted the scttcper/reduce-motion branch October 18, 2023 23:42
@github-actions github-actions bot locked and limited conversation to collaborators Nov 3, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants