From 2a5dc864843032f4eeeae1270635d642a2f63852 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Fri, 25 Jul 2014 14:02:31 +0200
Subject: [PATCH] Add an ellipsis to authors, tags and series. re #79

Will certainly make it unusable for people using a lot of tags ..... let's wait for remarks!
---
 templates/bootstrap/file.html | 5 +++++
 templates/bootstrap/main.html | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/templates/bootstrap/file.html b/templates/bootstrap/file.html
index 14b3519..03bcc9d 100644
--- a/templates/bootstrap/file.html
+++ b/templates/bootstrap/file.html
@@ -54,6 +54,11 @@
         display:block;
     }
 
+    .ellipsis {
+        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+        display:block;
+    }
+
     .panel-heading { padding: 10px 7px; }
 
     .panel { margin-bottom: 5px; }
diff --git a/templates/bootstrap/main.html b/templates/bootstrap/main.html
index 7023a18..ccc642c 100644
--- a/templates/bootstrap/main.html
+++ b/templates/bootstrap/main.html
@@ -39,9 +39,9 @@
                 </a>
                 </div>
             {{?}}
-            <span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span>
-            {{? entry.book.tagsName != ""}}<br /><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span>{{?}}
-            {{? entry.book.seriesName != ""}}<br /><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span>{{?}}
+            <div class="ellipsis"><span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span></div>
+            {{? entry.book.tagsName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span></div>{{?}}
+            {{? entry.book.seriesName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span></div>{{?}}
             <div class="text-center bottomright">
             {{~entry.book.preferedData:data:j}}
                 <a href="{{=data.url}}" class="btn btn-primary btn-sm" role="button">{{=data.name}}</a>