Show full text of comment on hover in catalog.

src/css/burichan.css

@@ -30,6 +30,12 @@
   background-color: #D6DAF0;
 }
 
+/* Catalog */
+:root.burichan .catalog-thread:hover {
+  background-color: #D6DAF0;
+  outline: 1px solid #B7C5D9;
+}
+
 /* Quote */
 :root.burichan .backlink.deadlink {
   color: #34345C !important;

src/css/futaba.css

@@ -30,6 +30,12 @@
   background-color: #F0E0D6;
 }
 
+/* Catalog */
+:root.futaba .catalog-thread:hover {
+  background-color: #F0E0D6;
+  outline: 1px solid #D9BFB7;
+}
+
 /* Quote */
 :root.futaba .backlink.deadlink {
   color: #00E !important;

src/css/photon.css

@@ -31,6 +31,10 @@
 }
 
 /* Catalog */
+:root.photon .catalog-thread:hover {
+  background-color: #DDD;
+  outline: 1px solid #CCC;
+}
 :root.photon .catalog-code {
   background-color: rgba(150, 150, 150, 0.2);
 }

src/css/style.css

@@ -742,6 +742,11 @@ div[data-checked="false"] > .suboption-list {
   overflow: hidden;
   text-align: center;
 }
+.catalog-thread:hover > .comment {
+  overflow: visible;
+  z-index: 1;
+  background-color: inherit;
+}
 /* /tg/ dice rolls */
 .board_tg .catalog-thread > .comment > b {
   font-weight: normal;

src/css/tomorrow.css

@@ -27,6 +27,10 @@
 }
 
 /* Catalog */
+:root.tomorrow .catalog-thread:hover {
+  background-color: #282A2E;
+  outline: 1px solid #111;
+}
 :root.tomorrow .catalog-code {
   background-color: rgba(255, 255, 255, 0.1);
 }

src/css/yotsuba-b.css

@@ -30,6 +30,12 @@
   background-color: #D6DAF0;
 }
 
+/* Catalog */
+:root.yotsuba-b .catalog-thread:hover {
+  background-color: #D6DAF0;
+  outline: 1px solid #B7C5D9;
+}
+
 /* Quote */
 :root.yotsuba-b .backlink.deadlink {
   color: #34345C !important;

src/css/yotsuba.css

@@ -30,6 +30,12 @@
   background-color: #F0E0D6;
 }
 
+/* Catalog */
+:root.yotsuba .catalog-thread:hover {
+  background-color: #F0E0D6;
+  outline: 1px solid #D9BFB7;
+}
+
 /* Quote */
 :root.yotsuba .backlink.deadlink {
   color: #00E !important;