Skip to content

Webhooks UI design#6647

Closed
joe-shajan wants to merge 8 commits intocalcom:mainfrom
joe-shajan:webhooks_UI_design
Closed

Webhooks UI design#6647
joe-shajan wants to merge 8 commits intocalcom:mainfrom
joe-shajan:webhooks_UI_design

Conversation

@joe-shajan
Copy link
Copy Markdown
Contributor

@joe-shajan joe-shajan commented Jan 23, 2023

What does this PR do?

Fixes #6414

These are the changes I made.

Untitled-2023-01-13-1455

In the Figma file, the font weight and colour look different visually but the values are the same. I need more clarification about wether I should change it or not.

And also all the other colours are also the same.

Currently, this is the heading, but in Figma the back arrow is outside. But when I try to change it, it will affect other places also. So should I go with it or keep it as it is?

image

Type of change

  • UI update
  • Bug fix (non-breaking change which fixes an issue)
  • Chore (refactoring code, technical debt, workflow improvements)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How should this be tested?

  • Test A
  • Test B

@vercel
Copy link
Copy Markdown

vercel bot commented Jan 23, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments
Name Status Preview Comments Updated
cal-com-storybook ⬜️ Ignored (Inspect) Jan 31, 2023 at 0:46AM (UTC)
ui ⬜️ Ignored (Inspect) Jan 31, 2023 at 0:46AM (UTC)

@vercel
Copy link
Copy Markdown

vercel bot commented Jan 23, 2023

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

A member of the Team first needs to authorize it.

Copy link
Copy Markdown
Contributor

@emrysal emrysal left a comment

Choose a reason for hiding this comment

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

Tagging @Jaibles - but looking at this it looks good, only thing I can spot is that the font used for "No data yet." should be the SF Mono font. This is just the Mac OSX default so you can add

)}
</div>
</div>
<div className="rounded-b-md bg-black p-4 text-xs text-white">
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Tagging @Jaibles - but looking at this it looks good, only thing I can spot is that the font used for "No data yet." should be the SF Mono font. This is just the Mac OSX default so you can add font-mono to achieve this.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

image

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Added @emrysal

@joe-shajan joe-shajan requested a review from emrysal January 26, 2023 04:35
@joe-shajan
Copy link
Copy Markdown
Contributor Author

Hey @emrysal can you check if this is correct?

Copy link
Copy Markdown
Member

@CarinaWolli CarinaWolli left a comment

Choose a reason for hiding this comment

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

I found some design issues and added suggestions @joeshajan can you please take a look at that, make sure to use the figma design to compare if all font sizes, weights and line heights are as they should. Thank you 🙏

<div className="flex justify-between">
<div>
<p className="font-medium text-black">{t("webhook_test")}</p>
<p className="font-sm mb-4 text-gray-600">{t("test_webhook")}</p>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Suggested change
<p className="font-sm mb-4 text-gray-600">{t("test_webhook")}</p>
<p className="mb-4 text-sm font-normal text-gray-500">{t("test_webhook")}</p>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Hey @CarinaWolli in figma it's 600

image

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

@joeshajan Sorry that's right 👍 still font-sm should be text-sm here

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Yeah sure

joe-shajan and others added 5 commits January 30, 2023 21:05
Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
Co-authored-by: Carina Wollendorfer <30310907+CarinaWolli@users.noreply.github.com>
@joe-shajan joe-shajan requested review from CarinaWolli and emrysal and removed request for CarinaWolli and emrysal January 30, 2023 16:33
@github-actions github-actions bot added the ❗️ migrations contains migration files label Jan 31, 2023
@joe-shajan joe-shajan mentioned this pull request Jan 31, 2023
8 tasks
@joe-shajan
Copy link
Copy Markdown
Contributor Author

Hey, @CarinaWolli and @emrysal I'm closing this pull request as I messed up when merging the main branch.

So I'm closing this PR and raising a new one #6803 with all the changes mentioned here.

@joe-shajan joe-shajan closed this Jan 31, 2023
@joe-shajan joe-shajan deleted the webhooks_UI_design branch February 3, 2023 03:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

❗️ migrations contains migration files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[CAL-755] Editing/Adding Webhooks UI Design - Layouts, spacing & type issues.

3 participants