From b930f6bf630471e433c543b6a5b25accb486a752 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Tue, 20 Sep 2016 21:26:48 -0700
Subject: [PATCH] Fix issues with catalog hover CSS. #489

---
 src/css/burichan.css  |  4 ++--
 src/css/futaba.css    |  4 ++--
 src/css/photon.css    |  4 ++--
 src/css/style.css     | 12 ++++++++++--
 src/css/tomorrow.css  |  4 ++--
 src/css/yotsuba-b.css |  4 ++--
 src/css/yotsuba.css   |  4 ++--
 7 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/css/burichan.css b/src/css/burichan.css
index 219185d72..2b55ebe36 100644
--- a/src/css/burichan.css
+++ b/src/css/burichan.css
@@ -31,9 +31,9 @@
 }
 
 /* Catalog */
-:root.burichan .catalog-thread:hover {
+:root.burichan .catalog-thread:hover, :root.burichan .catalog-thread:hover > .comment {
   background-color: #D6DAF0;
-  outline: 1px solid #B7C5D9;
+  border-color: #B7C5D9;
 }
 
 /* Quote */
diff --git a/src/css/futaba.css b/src/css/futaba.css
index 7be799010..83cdc935a 100644
--- a/src/css/futaba.css
+++ b/src/css/futaba.css
@@ -31,9 +31,9 @@
 }
 
 /* Catalog */
-:root.futaba .catalog-thread:hover {
+:root.futaba .catalog-thread:hover, :root.futaba .catalog-thread:hover > .comment {
   background-color: #F0E0D6;
-  outline: 1px solid #D9BFB7;
+  border-color: #D9BFB7;
 }
 
 /* Quote */
diff --git a/src/css/photon.css b/src/css/photon.css
index 8b4151163..927caaa64 100644
--- a/src/css/photon.css
+++ b/src/css/photon.css
@@ -31,9 +31,9 @@
 }
 
 /* Catalog */
-:root.photon .catalog-thread:hover {
+:root.photon .catalog-thread:hover, :root.photon .catalog-thread:hover > .comment {
   background-color: #DDD;
-  outline: 1px solid #CCC;
+  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 fee2c1db2..b3c358528 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -790,10 +790,18 @@ div[data-checked="false"] > .suboption-list {
 [name="delform"], .board, .catalog-thread, .catalog-thread:hover > .comment {
   background-color: inherit;
 }
-.catalog-thread:hover > .comment {
-  overflow: visible;
+.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 1f34614de..d4c14fcce 100644
--- a/src/css/tomorrow.css
+++ b/src/css/tomorrow.css
@@ -30,9 +30,9 @@
 }
 
 /* Catalog */
-:root.tomorrow .catalog-thread:hover {
+:root.tomorrow .catalog-thread:hover, :root.tomorrow .catalog-thread:hover > .comment {
   background-color: #282A2E;
-  outline: 1px solid #111;
+  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 10f809b3a..8dfa73846 100644
--- a/src/css/yotsuba-b.css
+++ b/src/css/yotsuba-b.css
@@ -31,9 +31,9 @@
 }
 
 /* Catalog */
-:root.yotsuba-b .catalog-thread:hover {
+:root.yotsuba-b .catalog-thread:hover, :root.yotsuba-b .catalog-thread:hover > .comment {
   background-color: #D6DAF0;
-  outline: 1px solid #B7C5D9;
+  border-color: #B7C5D9;
 }
 
 /* Quote */
diff --git a/src/css/yotsuba.css b/src/css/yotsuba.css
index 89be6e94e..e8dbe7679 100644
--- a/src/css/yotsuba.css
+++ b/src/css/yotsuba.css
@@ -31,9 +31,9 @@
 }
 
 /* Catalog */
-:root.yotsuba .catalog-thread:hover {
+:root.yotsuba .catalog-thread:hover, :root.yotsuba .catalog-thread:hover > .comment {
   background-color: #F0E0D6;
-  outline: 1px solid #D9BFB7;
+  border-color: #D9BFB7;
 }
 
 /* Quote */