From d6eecb54667f39e31e4451da7bc4e9788c08d04a Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Thu, 16 Aug 2018 13:18:27 -0500
Subject: [PATCH] blacklists: truncate display of long blacklist rules.

---
 app/javascript/src/javascripts/blacklists.js  |  1 +
 .../src/styles/common/blacklists.scss         | 22 +++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/javascript/src/javascripts/blacklists.js b/app/javascript/src/javascripts/blacklists.js
index 066635f4b..a781b9f98 100644
--- a/app/javascript/src/javascripts/blacklists.js
+++ b/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");
diff --git a/app/javascript/src/styles/common/blacklists.scss b/app/javascript/src/styles/common/blacklists.scss
index 166ac54a0..da4604032 100644
--- a/app/javascript/src/styles/common/blacklists.scss
+++ b/app/javascript/src/styles/common/blacklists.scss
@@ -3,13 +3,27 @@
 #blacklist-box {
   display: none;
 
-  a.blacklisted-active {
-    text-decoration: line-through;
+  #blacklist-list {
+    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%;
+        }
       }
     }
   }