fix(webapp): truncate task title in landing page side menu#4115
Merged
Conversation
|
![devin-ai-integration[bot]](https://avatars.githubusercontent.com/in/811515?s=60&v=4){kind=small}
Long task names in the side menu heading pushed the Test button off the panel edge instead of truncating. The header row is a grid item whose default min-width let it grow to the full title width, so the title never truncated. Add min-w-0 to the header container so it shrinks to the panel and the title truncates with an ellipsis. The scheduled task page already did this; this brings the standard and agent task pages in line.
samejr
force-pushed
the
samejr/truncate-task-title
branch
from
02f4312 to
d16a3bb
Compare
Contributor
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (3)
📜 Recent review details
|
| Check name | Status | Explanation | Resolution |
|---|---|---|---|
| Description check | The description has useful context but is missing required template sections like Closes #issue, checklist, Testing, Changelog, and Screenshots. |
Add the template sections with the issue reference, checklist items, testing steps, changelog note, and screenshots, or mark any unavailable parts N/A. |
✅ Passed checks (4 passed)
| Check name | Status | Explanation |
|---|---|---|
| Title check | ✅ Passed | The title concisely describes the main UI fix: truncating long task titles in the landing page side menu. |
| Docstring Coverage | ✅ Passed | No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. |
| Linked Issues check | ✅ Passed | Check skipped because no linked issues were found for this pull request. |
| Out of Scope Changes check | ✅ Passed | Check skipped because no linked issues were found for this pull request. |
✨ Finishing Touches
📝 Generate docstrings
- Create stacked PR
- Commit on current branch
🧪 Generate unit tests (beta)
- Create PR with unit tests
- Commit unit tests in branch
samejr/truncate-task-title
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
Comment @coderabbitai help to get the list of available commands.
d-cs
approved these changes
Jul 2, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Long task names in the task landing page side menu pushed the Test button off the edge of the panel instead of truncating. The heading now truncates with an ellipsis so the Test button always stays in view, on the standard and agent task pages.
Root cause
The side menu lives in a fixed-width resizable panel with
overflow: hidden. Its header row is a grid item, and a grid item's defaultmin-width: autolets it grow to its content's width. The title<span>usestruncate(white-space: nowrap), whose min-content is the full, untruncated name, so the header row expanded past the panel and the Test button was clipped off the edge.Adding
min-w-0to the header container lets it shrink back to the panel width so the title truncates. The scheduled task page already had this class; the standard and agent pages did not.