Skip to content

fix: onboarding nits#25248

Merged
sean-brydon merged 11 commits intocalcom:sean/onboarding-v3-illustrations-animationsfrom
pqoqubbw:dmytro/onboarding-nits
Nov 18, 2025
Merged

fix: onboarding nits#25248
sean-brydon merged 11 commits intocalcom:sean/onboarding-v3-illustrations-animationsfrom
pqoqubbw:dmytro/onboarding-nits

Conversation

@pqoqubbw
Copy link
Copy Markdown

@pqoqubbw pqoqubbw commented Nov 18, 2025

What does this PR do?

onboarding fixes

Before After
CleanShot 2025-11-18 at 12  54 11@2x CleanShot 2025-11-18 at 12  54 15@2x
CleanShot 2025-11-18 at 12  53 12@2x CleanShot 2025-11-18 at 12  53 28@2x
CleanShot.2025-11-18.at.12.14.05.mp4
CleanShot.2025-11-18.at.12.14.15.mp4
CleanShot 2025-11-18 at 12  41 20@2x CleanShot 2025-11-18 at 12  48 32@2x
CleanShot.2025-11-18.at.12.57.53.mp4
CleanShot.2025-11-18.at.12.58.05.mp4
CleanShot.2025-11-18.at.1.17.48.mp4
CleanShot.2025-11-18.at.1.17.26.mp4
CleanShot.2025-11-18.at.2.16.47.mp4
CleanShot.2025-11-18.at.2.16.23.mp4

i like this update, but wdyt?

Before After
CleanShot.2025-11-18.at.3.06.15.mp4
CleanShot.2025-11-18.at.3.05.41.mp4

Mandatory Tasks (DO NOT REMOVE)

  • I have self-reviewed the code (A decent size PR without self-review might be rejected).
  • [N/A] I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
  • I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

yarn dx

Summary by cubic

Polished the onboarding UI to prevent text overflow and accidental focus, and improved input usability by focusing the field when an addon is clicked.

  • Bug Fixes
    • Prevent overflowing text in browser, organization, invite, and teams views by adding truncation and min-width fixes.
    • Set tabIndex -1 on “Book now” buttons in preview cards to avoid stealing keyboard focus.
    • Corrected animation direction in the onboarding plan selector.
    • Capped bio textarea heights: team 150px, organization 200px.
    • Improved TextField addons and color picker: clicking leading/trailing addons now focuses the input; trailing addon click still triggers its handler; expanded color picker hit area for easier clicking.

Written for commit 2c4716e. Summary will update automatically on new commits.

@CLAassistant
Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@vercel
Copy link
Copy Markdown

vercel bot commented Nov 18, 2025

@pqoqubbw is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

@pull-request-size pull-request-size bot added size/L and removed size/M labels Nov 18, 2025
@pqoqubbw pqoqubbw marked this pull request as ready for review November 18, 2025 14:12
@pqoqubbw pqoqubbw requested review from a team as code owners November 18, 2025 14:12
@graphite-app graphite-app bot added the community Created by Linear-GitHub Sync label Nov 18, 2025
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

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

1 issue found across 10 files

Prompt for AI agents (all 1 issues)

Understand the root cause of the following 1 issues and fix them.


<file name="packages/ui/components/form/inputs/TextField.tsx">

<violation number="1" location="packages/ui/components/form/inputs/TextField.tsx:204">
When the trailing addon is clicked, the consumer-supplied onClickAddon handler is invoked without the MouseEvent, so any code that inspects the event now breaks. Pass the received event through to preserve the handler contract.</violation>
</file>

Since this is your first cubic review, here's how it works:

  • cubic automatically reviews your code and comments on bugs and improvements
  • Teach cubic by replying to its comments. cubic learns from your replies and gets better over time
  • Ask questions if you need clarification on any suggestion

Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR

@keithwillcode
Copy link
Copy Markdown
Contributor

/tip 50 @pqoqubbw

@algora-pbc
Copy link
Copy Markdown

algora-pbc bot commented Nov 18, 2025

@pqoqubbw: You've been awarded a $50 by Cal.com, Inc.! 👉 Complete your Algora onboarding to collect the tip.

@sean-brydon sean-brydon merged commit bc080af into calcom:sean/onboarding-v3-illustrations-animations Nov 18, 2025
8 of 13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

community Created by Linear-GitHub Sync size/L

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants