From: Luigi Pinca <luigipinca@gmail.com>
Date: Fri, 5 Oct 2012 06:56:48 +0000 (+0200)
Subject: clipped text is now handled by text-overflow css property
X-Git-Url: https://git.saalbach.dev/?a=commitdiff_plain;h=7e1b5ce195a7955b43fdcd097ac8dab8d008febf;p=binbsis50.git

clipped text is now handled by text-overflow css property
---

diff --git a/package.json b/package.json
index a7e55a5..073ca66 100644
--- a/package.json
+++ b/package.json
@@ -21,5 +21,5 @@
     "start": "app.js"
   },
   "subdomain": "binb",
-  "version": "0.3.3-17"
+  "version": "0.3.3-18"
 }
\ No newline at end of file
diff --git a/public/static/css/style.css b/public/static/css/style.css
index e44efa4..ac8e655 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -646,6 +646,14 @@ form .clearfix {
 #tracks .info {
     margin-right: 15px;
 }
+#tracks .artist, #tracks .title {
+    white-space: nowrap;
+    max-width: 270px;
+    overflow: hidden;
+    -o-text-overflow: ellipsis;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+}
 #tracks .artist {
     margin-top: 1px;
     font-size: 14px;
@@ -660,7 +668,7 @@ form .clearfix {
     display: block;
     width: 44px;
     height: 15px;
-    margin-top: 12px;
+    margin-top: 13px;
     background-position: 0 -248px;
 }
 #tracks a:hover {
diff --git a/public/static/js/room.js b/public/static/js/room.js
index 861cccd..ecaf934 100644
--- a/public/static/js/room.js
+++ b/public/static/js/room.js
@@ -113,19 +113,14 @@
         }
         cassetteAnimation(Date.now()+5000, false);
 
-        var html = '<li class="bordered"><img class="artwork" src="'+data.artworkUrl+'"/>';
-        html += '<div class="info"><div class="artist">'+data.artistName+'</div>';
-
-        var titleattr = ''
-            , trackname = data.trackName
+        var artistName = data.artistName.replace(/"/g, '&quot;')
+            , trackName = data.trackName.replace(/"/g, '&quot;')
             , attrs = ''
             , rp = '';
 
-        if (data.trackName.length > 40) {
-            titleattr = data.trackName.replace(/"/g, '&quot;');
-            trackname = data.trackName.substring(0, 37) + '...';
-        }
-        html += '<div class="title" title="'+titleattr+'">'+trackname+'</div></div>';
+        var html = '<li class="bordered"><img class="artwork" src="'+data.artworkUrl+'"/>';
+        html += '<div class="info"><div class="artist" title="'+artistName+'">'+artistName+'</div>';
+        html += '<div class="title" title="'+trackName+'">'+trackName+'</div></div>';
 
         if (roundpoints > 0) {
             rp = '+'+roundpoints;