fix:Replace jquery.truncate.js with text-overflow: ellipses.

README.rst

@@ -58,6 +58,11 @@ Project resources
 Changelog
 =========
 
+v2.1.1 (2016-02-04)
+-------------------
+
+- Replace Javascript for truncating text with CSS equivalent for better reliability.
+
 v2.1.0 (2016-02-04)
 -------------------
 
@@ -110,7 +115,6 @@ v2.1.0 (2016-02-04)
 - Remove support for defunct Grooveshark service.
   (Fixes: `#120 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/120>`_).
 
-
 v2.0.0 (2015-03-26)
 -------------------
 

mopidy_musicbox_webclient/static/css/webclient.css

@@ -470,6 +470,7 @@ a {
     white-space: nowrap;
     font-weight: bold;
     font-size: 14px;
+    text-overflow: ellipses;
 }
 
 #infoartist {

mopidy_musicbox_webclient/static/index.html

@@ -475,7 +475,6 @@
 <script type="text/javascript" src="../mopidy/mopidy.min.js"></script>
 <script type="text/javascript" src="js/iscroll-lite.js"></script>
 <script src="js/jquery.cookie.js"></script>
-<script src="js/jquery.truncate.min.js"></script>
 <script src="js/controls.js"></script>
 <script src="js/library.js"></script>
 <script src="js/functionsvars.js"></script>

mopidy_musicbox_webclient/static/js/gui.js

@@ -24,9 +24,7 @@ function resetSong() {
 
 function resizeMb() {
     $("#infoname").html(songdata.track.name);
-    $("#infoname").truncate();
     $("#infoartist").html(artiststext);
-    $("#infoartist").truncate();
 
     if ($(window).width() <= 960) {
 //        $('#playlisttracksdiv').hide();

mopidy_musicbox_webclient/static/mb.manifest

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2016-02-4:v2
+# 2016-02-4:v4
 
 NETWORK:
 *
@@ -67,7 +67,6 @@ js/jquery.mobile.iscrollview-closure-min.js
 js/jquery.mobile.iscrollview-yui-min.js
 js/jquery.mobile.iscrollview.js
 js/jquery.touchwipe.min.js
-js/jquery.truncate.min.js
 js/lastfm.api.cache.js
 js/lastfm.api.js
 js/lastfm.api.md5.js