From cfdafc20105f66a4ac2982ef49ace4e891c453ff Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 13 Jan 2025 14:35:43 -0600 Subject: [PATCH 1/2] fix(in-page-navigation): modified code so vertical items wrap text --- .../components/in-page-navigation/src/InPageNavigationItem.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx index 054ec2aa04..147ccb11ad 100644 --- a/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx +++ b/packages/paste-core/components/in-page-navigation/src/InPageNavigationItem.tsx @@ -63,6 +63,7 @@ const VERTICAL_BASE_STYLES: BoxStyleProps = { paddingRight: "space50", borderBottomRightRadius: "borderRadius30", borderTopRightRadius: "borderRadius30", + whiteSpace: "break-spaces", _focus: { boxShadow: "shadowFocusInset", outline: "none", From e0f0e94c35688965394cb52c1560ca8f9b0c5043 Mon Sep 17 00:00:00 2001 From: Kristian Antrobus Date: Mon, 13 Jan 2025 14:40:04 -0600 Subject: [PATCH 2/2] chore(in-page-navigation): chagneset --- .changeset/selfish-bottles-argue.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/selfish-bottles-argue.md diff --git a/.changeset/selfish-bottles-argue.md b/.changeset/selfish-bottles-argue.md new file mode 100644 index 0000000000..a6c224bb2f --- /dev/null +++ b/.changeset/selfish-bottles-argue.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/in-page-navigation": minor +"@twilio-paste/core": minor +--- + +[InPageNavigation] modified vertical items to wrap text as opposed to using ellipses