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%; + } } } }