blacklists: truncate display of long blacklist rules.

app/javascript/src/javascripts/blacklists.js

@@ -70,6 +70,7 @@ Blacklist.update_sidebar = function() {
 
     link.text(entry.tags);
     link.attr("href", `/posts?tags=${encodeURIComponent(entry.tags)}`);
+    link.attr("title", entry.tags);
     link.click(Blacklist.toggle_entry);
     count.html(entry.hits);
     count.addClass("count");

app/javascript/src/styles/common/blacklists.scss

@@ -3,13 +3,27 @@
 #blacklist-box {
   display: none;
 
-  a.blacklisted-active {
+  #blacklist-list {
-    text-decoration: line-through;
+    a {
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      vertical-align: bottom;
+    }
+
+    a.blacklisted-active {
+      text-decoration: line-through;
+    }
   }
 
   &.sidebar-blacklist ul li {
     list-style-type: disc;
     list-style-position: inside;
+
+    a {
+      max-width: 75%;
+    }
   }
 
   &.inline-blacklist {
@@ -21,6 +35,10 @@
       li {
         display: inline;
         margin-right: 1em;
+
+        a {
+          max-width: 25%;
+        }
       }
     }
   }