fix ellipsis handling on browse page

Rather than a double class declaration on the wrong element, put the ellipsis class on the innermost element, which is what the js expects. Also remove the width limit on the class. The width should be either applied by the container or some other class.
metacpan · Jul 9, 2015 · 2e3cbb7 · 2e3cbb7
1 parent e057900
commit 2e3cbb7
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/root/browse.html b/root/browse.html
@@ -38,7 +38,7 @@
   : file.mime.match("x-c") ? 'silk-page-white-c'
   : 'silk-page-white'
   -%>" title="<% file.path %>"><% file.name %></a></strong></td>
-  <td class="documentation" class="ellipsis"><strong><a href="/pod/release/<% [author, release, file.path].join("/") %>" title="<% file.path %>"><% file.slop ? file.documentation ? file.documentation : file.name : "" %></a></strong></td>
+  <td class="documentation"><strong><a href="/pod/release/<% [author, release, file.path].join("/") %>" title="<% file.path %>" class="ellipsis"><% file.slop ? file.documentation ? file.documentation : file.name : "" %></a></strong></td>
   <td class="size" sort="<% file.directory == "false" ? file.${"stat.size"} : 0 %>"><% file.directory == "false" ? file.${"stat.size"} | format_bytes : "" %></td>
   <td class="mtime relatize" nowrap="nowrap" sort="<% date = file.${"stat.mtime"}.dt_http; date %>"><% date %></td>
 </tr>

diff --git a/root/static/less/global.less b/root/static/less/global.less
@@ -135,10 +135,6 @@ ul {
     white-space: nowrap;
     display: block;
     overflow: hidden;
-
-    a& {
-        width: 160px;
-    }
 }
 
 .btn-link {