Skip to content

Commit ae59e33

Browse files
authored
feat(menu): Add ellipsis to cut long menu items (#13769)
## DESCRIBE YOUR PR Instead of enlarging the text to two rows, long menu items get an ellipsis at the end, like here: ![image](https://github.com/user-attachments/assets/2003c987-9127-4e8f-b6d2-90afe3aef103) closes #13766 ## IS YOUR CHANGE URGENT? Help us prioritize incoming PRs by letting us know when the change needs to go live. - [ ] Urgent deadline (GA date, etc.): <!-- ENTER DATE HERE --> - [ ] Other deadline: <!-- ENTER DATE HERE --> - [ ] None: Not urgent, can wait up to 1 week+ ## SLA - Teamwork makes the dream work, so please add a reviewer to your PRs. - Please give the docs team up to 1 week to review your PR unless you've added an urgent due date to it. Thanks in advance for your help! ## PRE-MERGE CHECKLIST *Make sure you've checked the following before merging your changes:* - [ ] Checked Vercel preview for correctness, including links - [ ] PR was reviewed and approved by any necessary SMEs (subject matter experts) - [ ] PR was reviewed and approved by a member of the [Sentry docs team](https://github.com/orgs/getsentry/teams/docs)
1 parent c2b2cc2 commit ae59e33

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/components/sidebarTableOfContents/style.module.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,10 @@
1818
position: relative;
1919
line-height: 1.5;
2020
display: block;
21+
text-overflow: ellipsis;
22+
overflow: hidden;
23+
white-space: nowrap;
24+
2125
color: var(--link-color);
2226
padding: 0.25em 0;
2327
opacity: 0.8;

0 commit comments

Comments
 (0)