diff options
| -rw-r--r-- | static/git-arr.css | 9 | ||||
| -rw-r--r-- | views/index.html | 2 |
2 files changed, 10 insertions, 1 deletions
diff --git a/static/git-arr.css b/static/git-arr.css index 03e7c06..57a415b 100644 --- a/static/git-arr.css +++ b/static/git-arr.css @@ -159,6 +159,15 @@ table.projects td.name a { } +/* Truncate long descriptions based on the viewport width. */ +table.projects td.desc { + max-width: 50vw; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + + /* Age of an object. * Note this is hidden by default as we rely on javascript to show it. */ span.age { diff --git a/views/index.html b/views/index.html index a1d7aa4..27ef7c7 100644 --- a/views/index.html +++ b/views/index.html @@ -20,7 +20,7 @@ % for repo in sorted(repos.values(), key = lambda r: r.name): <tr> <td class="name"><a href="r/{{repo.name}}/">{{repo.name}}</a></td> - <td class="desc"><a href="r/{{repo.name}}/">{{repo.info.desc}}</a></td> + <td class="desc"><a href="r/{{repo.name}}/" title="{{repo.info.desc}}">{{repo.info.desc}}</a></td> <td><span class="age">{{repo.last_commit_timestamp()}}</span></td> </tr> %end |