From 4bd03ebf199cc4a44e7b05be7eb32bface5f1723 Mon Sep 17 00:00:00 2001 From: David Mosher Date: Wed, 5 Jun 2024 15:07:27 -0400 Subject: [PATCH 1/3] feat: add title attribute to organization preview --- packages/clerk-js/src/ui/elements/OrganizationPreview.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx b/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx index 36514c0ae5e..02f25178711 100644 --- a/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx +++ b/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx @@ -89,6 +89,7 @@ export const OrganizationPreview = (props: OrganizationPreviewProps) => { as='span' truncate sx={mainIdentifierSx} + title={organization.name} > {organization.name} {badge} From 88b717e70129c7f2c0bd0d3a8e701fbee50ee500 Mon Sep 17 00:00:00 2001 From: David Mosher Date: Thu, 6 Jun 2024 09:45:44 -0400 Subject: [PATCH 2/3] chore: Add changeset --- .changeset/warm-shoes-dance.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/warm-shoes-dance.md diff --git a/.changeset/warm-shoes-dance.md b/.changeset/warm-shoes-dance.md new file mode 100644 index 00000000000..c2df93e09f3 --- /dev/null +++ b/.changeset/warm-shoes-dance.md @@ -0,0 +1,5 @@ +--- +"@clerk/clerk-js": patch +--- + +feat: add title attribute to organization preview so truncated org names are able to be previewed without requiring a user to switch to a different org From b5d3f298efeb6f930578499ba3a423b20e7b7646 Mon Sep 17 00:00:00 2001 From: Lennart Date: Wed, 12 Jun 2024 11:18:33 +0200 Subject: [PATCH 3/3] Update .changeset/warm-shoes-dance.md Co-authored-by: Stefanos Anagnostou --- .changeset/warm-shoes-dance.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/warm-shoes-dance.md b/.changeset/warm-shoes-dance.md index c2df93e09f3..fcd282b5748 100644 --- a/.changeset/warm-shoes-dance.md +++ b/.changeset/warm-shoes-dance.md @@ -2,4 +2,4 @@ "@clerk/clerk-js": patch --- -feat: add title attribute to organization preview so truncated org names are able to be previewed without requiring a user to switch to a different org +Add the `title` attribute to `` component so that truncated organization names can be previewed e.g. through hovering