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

FIx LeftPanel Skeleton Alignment #5707

Closed
wants to merge 1 commit into from
Closed

Conversation

its-id
Copy link
Contributor

@its-id its-id commented Jun 1, 2024

fixes #5664.

  • remove the extra skeletons
  • use the exact flex gap structuring as used by the original items.

Result

Screen.Recording.2024-06-02.at.1.54.03.AM.mov

- remove the extra skeletons
- use the exact flex gap structuring as used by the original items.
Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

  • Adjusted flex gap in StyledSkeletonContainer from 32px to 12px
  • Introduced MainNavigationDrawerContainer with a 32px gap
  • Removed extra skeleton loaders to streamline layout

Copy link
Contributor

@martmull martmull left a comment

Choose a reason for hiding this comment

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

Hey, thanks for your changes, left some comments

@@ -26,7 +26,7 @@ const StyledItemsContainer = styled.div`
const StyledSkeletonContainer = styled.div`
display: flex;
flex-direction: column;
gap: 32px;
gap: 12px;
Copy link
Contributor

Choose a reason for hiding this comment

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

${({ theme }) => theme.spacing(3)}

Copy link
Contributor

Choose a reason for hiding this comment

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

please, use theme.spacing utils everywhere in this file

const MainNavigationDrawerContainer = styled.div`
display: flex;
flex-direction: column;
gap: 32px;
Copy link
Contributor

Choose a reason for hiding this comment

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

${({ theme }) => theme.spacing(8)}

@martmull
Copy link
Contributor

martmull commented Jun 3, 2024

Closing as duplicate of #5705

@martmull martmull closed this Jun 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Align Skeleton with content on Sidebar
2 participants