jakubgarfield/Bonobo-Git-Server — pull request #67 by DavidAnson (2014-01-05 22:38:43+00:00)
Title: Customize table/grid layout in Tree view for better display of long file...

... names.

Prior to this change, long strings in the Name column would either overlap text in the Message column or else wrap within the column and overlap the following Name (depending on whether the Name included a break character like ' ' or '-'). This CSS-only change tweaks the table layout to give more room to the Name/Message columns, prevent wrapping of text in the Name column, and enable ellipsis ('…') for truncated text.

---

Two notes:
* Please feel free to tweak any values here - especially the column widths! What I've proposed is a first attempt to correct some ugly wrapping/overlapping I saw when working on URL encoding and using long directory/file names. table-layout:fixed makes it so the TH sizes are respected instead of using HTML's flexible table layout code which varies the widths in all kinds of weird ways.
* I tried adding the title= attribute to the A element, but it shows ALL the time (not just when the ellipsis is used) and that seemed bad. The way it is now, clicking on any "truncated file..." goes to the Blob view which shows the complete name as before.