From 3a3b0d52303ff0aac13ba7c25d4674547dcb7bba Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Wed, 21 Sep 2016 23:37:08 -0700
Subject: [PATCH] Widen catalog threads on hover. #489

---
 src/css/style.css    | 12 +++++++++---
 src/main/Main.coffee |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index 54d6bdf76..1637d0f1e 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -710,6 +710,7 @@ div[data-checked="false"] > .suboption-list {
 /* Catalog */
 :root.catalog-mode .board {
   text-align: center;
+  padding: 0 75px;
 }
 .catalog-thread {
   display: inline-block;
@@ -780,12 +781,11 @@ div[data-checked="false"] > .suboption-list {
   text-align: center;
   margin: 0;
 }
-[name="delform"], .board, .catalog-thread, .catalog-thread:hover > * {
-  background-color: inherit;
-}
 .catalog-thread:hover {
   overflow: visible;
   z-index: 1;
+  margin-left: -73px;
+  margin-right: -73px;
 }
 .catalog-thread:hover > * {
   margin: 0 -1px;
@@ -800,6 +800,12 @@ div[data-checked="false"] > .suboption-list {
   margin-bottom: -1px;
   border-bottom: 1px solid transparent;
 }
+.catalog-small .catalog-thread:hover {
+  width: 315px
+}
+.catalog-large .catalog-thread:hover {
+  width: 420px
+}
 /* /tg/ dice rolls */
 .board_tg .catalog-thread > .comment > b {
   font-weight: normal;
diff --git a/src/main/Main.coffee b/src/main/Main.coffee
index 5d1066fdb..afabf5b78 100644
--- a/src/main/Main.coffee
+++ b/src/main/Main.coffee
@@ -229,7 +229,7 @@ Main =
         bgColor = window.getComputedStyle(div).backgroundColor
         $.rm div
         Main.bgColorStyle.textContent = """
-          .dialog, .suboption-list > div:last-of-type {
+          .dialog, .suboption-list > div:last-of-type, .catalog-thread:hover > * {
             background-color: #{bgColor};
           }
         """