Repository navigation
[JENKINS-59508] sidebar link names are not truncated causing funky rendering #20626
Description
if the names in the sidebar for the junit-realtime reports are to long to fit into the space and this then provides a very ugly UI.
This is likely a generic Jenkins issue. I wonder if the CSS can be modified to truncate the text and expand it on hover or something. (or Jenkins introduces a new shortName / longName for the sidebar actions)
if a picture paints a thousand words here are 1000 more words.
Originally reported by 
teilo, imported from: sidebar link names are not truncated causing funky rendering
- status: Resolved
- priority: Minor
- component(s): core
- label(s): UX, newbie-friendly, ui
- resolution: Fixed
- resolved: 2019-11-25T21:20:19+00:00
- votes: 0
- watchers: 5
- imported: 2025-11-24
Raw content of original issue
if the names in the sidebar for the junit-realtime reports are to long to fit into the space and this then provides a very ugly UI.
This is likely a generic Jenkins issue. I wonder if the CSS can be modified to truncate the text and expand it on hover or something. (or Jenkins introduces a new shortName / longName for the sidebar actions)
if a picture paints a thousand words here are 1000 more words.
Activity
jenkins-infra-bot commentedon Sep 26, 2019
Raw content of original comment:
Just added newbie-friendly, because I think that might be an easy one for UI developer, but no guaranty
.
jenkins-infra-bot commentedon Nov 6, 2019
Raw content of original comment:
It seems that this issue was solved by this PR #4121
teilo do you think this could be marked as resolved?
jenkins-infra-bot commentedon Nov 6, 2019
Raw content of original comment:
it solves one part of the issue but introduces another so I don;t think it is closed and the original fix is incomplete.
A long name/whatever is truncated and is never expanded so you can not see what the original should be ever. this should be and expand on hover, and abbrev or something but brutally truncating and not expanding is to me not a good UX
jenkins-infra-bot commentedon Nov 7, 2019
Raw content of original comment:
IMO, the simplest fix would be to use the title attribute on the hyperlink to show the full text on hover.
I've created a video showing how it would look text-overflow-title-element.mov
jenkins-infra-bot commentedon Nov 8, 2019
Raw content of original comment:
Looks good to me!
jenkins-infra-bot commentedon Nov 25, 2019
Raw content of original comment:
It was released in Jenkins 2.205. It is marked as rfe there, but still looks lone a potential LTS candidate
jenkins-infra-bot commentedon Nov 26, 2019
Raw content of original comment:
JENKINS-60145is beckported to 2.204.1 so there is no need for this to be a candidate (an the former part is included in baseline).