From 452e28e70d1fc62835e4283c34aec7e369b1d2ee Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Wed, 21 Sep 2016 14:31:17 -0700
Subject: [PATCH] Revert "Revert catalog hover CSS for now due to reflow
 problems. #489"

This reverts commit c4f1d3c5c7d804ddca0527efab2fc871e97deba6.
---
 src/css/burichan.css  |  6 ++++++
 src/css/futaba.css    |  6 ++++++
 src/css/photon.css    |  4 ++++
 src/css/style.css     | 15 +++++++++++++++
 src/css/tomorrow.css  |  4 ++++
 src/css/yotsuba-b.css |  6 ++++++
 src/css/yotsuba.css   |  6 ++++++
 7 files changed, 47 insertions(+)

diff --git a/src/css/burichan.css b/src/css/burichan.css
index 25dd010ce..2b55ebe36 100644
--- a/src/css/burichan.css
+++ b/src/css/burichan.css
@@ -30,6 +30,12 @@
   background-color: #D6DAF0;
 }
 
+/* Catalog */
+:root.burichan .catalog-thread:hover, :root.burichan .catalog-thread:hover > .comment {
+  background-color: #D6DAF0;
+  border-color: #B7C5D9;
+}
+
 /* Quote */
 :root.burichan .backlink.deadlink {
   color: #34345C !important;
diff --git a/src/css/futaba.css b/src/css/futaba.css
index a36b5c0fe..83cdc935a 100644
--- a/src/css/futaba.css
+++ b/src/css/futaba.css
@@ -30,6 +30,12 @@
   background-color: #F0E0D6;
 }
 
+/* Catalog */
+:root.futaba .catalog-thread:hover, :root.futaba .catalog-thread:hover > .comment {
+  background-color: #F0E0D6;
+  border-color: #D9BFB7;
+}
+
 /* Quote */
 :root.futaba .backlink.deadlink {
   color: #00E !important;
diff --git a/src/css/photon.css b/src/css/photon.css
index 4b0e09d09..927caaa64 100644
--- a/src/css/photon.css
+++ b/src/css/photon.css
@@ -31,6 +31,10 @@
 }
 
 /* Catalog */
+:root.photon .catalog-thread:hover, :root.photon .catalog-thread:hover > .comment {
+  background-color: #DDD;
+  border-color: #CCC;
+}
 :root.photon .catalog-code {
   background-color: rgba(150, 150, 150, 0.2);
 }
diff --git a/src/css/style.css b/src/css/style.css
index 0003031c1..0b1100c19 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -796,6 +796,21 @@ div[data-checked="false"] > .suboption-list {
   text-align: center;
   margin: 0;
 }
+[name="delform"], .board, .catalog-thread, .catalog-thread:hover > .comment {
+  background-color: inherit;
+}
+.catalog-thread:hover {
+  margin: -1px 1px 4px;
+  border: 1px solid transparent;
+  z-index: 1;
+}
+.catalog-thread:hover > .comment {
+  margin: 0 -1px -1px;
+  border: 1px solid transparent;
+  border-top: none;
+  -webkit-flex-shrink: 0;
+  flex-shrink: 0;
+}
 /* /tg/ dice rolls */
 .board_tg .catalog-thread > .comment > b {
   font-weight: normal;
diff --git a/src/css/tomorrow.css b/src/css/tomorrow.css
index 769fbe340..d4c14fcce 100644
--- a/src/css/tomorrow.css
+++ b/src/css/tomorrow.css
@@ -30,6 +30,10 @@
 }
 
 /* Catalog */
+:root.tomorrow .catalog-thread:hover, :root.tomorrow .catalog-thread:hover > .comment {
+  background-color: #282A2E;
+  border-color: #111;
+}
 :root.tomorrow .catalog-code {
   background-color: rgba(255, 255, 255, 0.1);
 }
diff --git a/src/css/yotsuba-b.css b/src/css/yotsuba-b.css
index 18a37cc7a..8dfa73846 100644
--- a/src/css/yotsuba-b.css
+++ b/src/css/yotsuba-b.css
@@ -30,6 +30,12 @@
   background-color: #D6DAF0;
 }
 
+/* Catalog */
+:root.yotsuba-b .catalog-thread:hover, :root.yotsuba-b .catalog-thread:hover > .comment {
+  background-color: #D6DAF0;
+  border-color: #B7C5D9;
+}
+
 /* Quote */
 :root.yotsuba-b .backlink.deadlink {
   color: #34345C !important;
diff --git a/src/css/yotsuba.css b/src/css/yotsuba.css
index feb9bf51d..e8dbe7679 100644
--- a/src/css/yotsuba.css
+++ b/src/css/yotsuba.css
@@ -30,6 +30,12 @@
   background-color: #F0E0D6;
 }
 
+/* Catalog */
+:root.yotsuba .catalog-thread:hover, :root.yotsuba .catalog-thread:hover > .comment {
+  background-color: #F0E0D6;
+  border-color: #D9BFB7;
+}
+
 /* Quote */
 :root.yotsuba .backlink.deadlink {
   color: #00E !important;