fix(in-page-navigation): modified code so vertical items wrap text (#…

…4206) * fix(in-page-navigation): modified code so vertical items wrap text * chore(in-page-navigation): chagneset
twilio-labs · Jan 14, 2025 · 3aa24f5 · 3aa24f5
1 parent 0b90abd
commit 3aa24f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/selfish-bottles-argue.md 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
diff --git 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",