-
Notifications
You must be signed in to change notification settings - Fork 6.8k
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: Skeleton Padding and Width Issue #9310
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
@piyushgarg-dev is attempting to deploy a commit to the cal Team on Vercel. A member of the Team first needs to authorize it. |
📦 Next.js Bundle Analysis for @calcom/webThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
there is still a layout shift (the icons bouncing) |
perfect! will merge today! |
@@ -667,7 +668,7 @@ const NavigationItem: React.FC<{ | |||
{item.badge && item.badge} | |||
</span> | |||
) : ( | |||
<SkeletonText className="h-3 w-32" /> | |||
<SkeletonText style={{ width: `${item.name.length * 10}px` }} className="h-[20px]" /> |
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.
that's a great idea!
What does this PR do?
This PR fixes the padding issue of the skeleton text in the sidebar and makes the width of the skeleton adapt to the text size.
Fixes #9309
/claim #9309
Type of change
Screenshots
Screen.Recording.2023-06-04.at.1.30.34.AM.mov