From bacf2e769b8279f560d433bbca64a2d34c9eec11 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Fri, 2 Nov 2018 02:16:54 -0700
Subject: [PATCH] Make `Mark Read` button extend across whole document.

---
 src/css/burichan.css  | 5 +++++
 src/css/futaba.css    | 5 +++++
 src/css/photon.css    | 5 +++++
 src/css/spooky.css    | 3 +++
 src/css/style.css     | 5 +----
 src/css/tomorrow.css  | 3 +++
 src/css/yotsuba-b.css | 5 +++++
 src/css/yotsuba.css   | 5 +++++
 src/main/Main.coffee  | 2 +-
 9 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/css/burichan.css b/src/css/burichan.css
index d8f89d666..70a6ba331 100644
--- a/src/css/burichan.css
+++ b/src/css/burichan.css
@@ -87,6 +87,11 @@
   background: rgba(255, 255, 255, .33);
 }
 
+/* Unread */
+:root.burichan .unread-mark-read {
+  background-color: rgba(214,218,240,0.5);
+}
+
 /* Thread Watcher */
 :root.burichan .replies-quoting-you > a, :root.burichan #watcher-link.replies-quoting-you {
   color: #F00;
diff --git a/src/css/futaba.css b/src/css/futaba.css
index 738909f28..e8e6bbed9 100644
--- a/src/css/futaba.css
+++ b/src/css/futaba.css
@@ -87,6 +87,11 @@
   background: rgba(255, 255, 255, .33);
 }
 
+/* Unread */
+:root.futaba .unread-mark-read {
+  background-color: rgba(240,224,214,0.5);
+}
+
 /* Thread Watcher */
 :root.futaba .replies-quoting-you > a, :root.futaba #watcher-link.replies-quoting-you {
   color: #F00;
diff --git a/src/css/photon.css b/src/css/photon.css
index cddb1146b..db18e601d 100644
--- a/src/css/photon.css
+++ b/src/css/photon.css
@@ -85,6 +85,11 @@
   background: rgba(255, 255, 255, .33);
 }
 
+/* Unread */
+:root.photon .unread-mark-read {
+  background-color: rgba(221,221,221,0.5);
+}
+
 /* Thread Watcher */
 :root.photon .replies-quoting-you > a, :root.photon #watcher-link.replies-quoting-you {
   color: #00F !important;
diff --git a/src/css/spooky.css b/src/css/spooky.css
index caae123f2..95dd9c792 100644
--- a/src/css/spooky.css
+++ b/src/css/spooky.css
@@ -152,6 +152,9 @@
   visibility: visible;
   opacity: 1;
 }
+:root.spooky .unread-mark-read {
+  background-color: rgba(23,21,38,0.5);
+}
 
 /* Thread Watcher */
 :root.spooky .replies-quoting-you > a, :root.spooky #watcher-link.replies-quoting-you {
diff --git a/src/css/style.css b/src/css/style.css
index 3997030fe..4770c7582 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1066,14 +1066,11 @@ span.hide-announcement {
 .unread-mark-read {
   float: right;
   clear: both;
-  height: 0;
   width: 100%;
-  position: relative;
-  top: -1em;
   text-align: right;
 }
 :not(.unread-thread) > .unread-mark-read {
-  visibility: hidden;
+  display: none;
 }
 
 /* Thread Updater */
diff --git a/src/css/tomorrow.css b/src/css/tomorrow.css
index 365f29fc0..0d41b6fbb 100644
--- a/src/css/tomorrow.css
+++ b/src/css/tomorrow.css
@@ -157,6 +157,9 @@
 :root.tomorrow .unread-line {
   border-color: rgb(197, 200, 198);
 }
+:root.tomorrow .unread-mark-read {
+  background-color: rgba(40,42,46,0.5);
+}
 
 /* Thread Watcher */
 :root.tomorrow .replies-quoting-you > a, :root.tomorrow #watcher-link.replies-quoting-you {
diff --git a/src/css/yotsuba-b.css b/src/css/yotsuba-b.css
index 1f79971f9..abfafa5f7 100644
--- a/src/css/yotsuba-b.css
+++ b/src/css/yotsuba-b.css
@@ -83,6 +83,11 @@
   background: rgba(255, 255, 255, .33);
 }
 
+/* Unread */
+:root.yotsuba-b .unread-mark-read {
+  background-color: rgba(214,218,240,0.5);
+}
+
 /* Thread Watcher */
 :root.yotsuba-b .replies-quoting-you > a, :root.yotsuba-b #watcher-link.replies-quoting-you {
   color: #F00;
diff --git a/src/css/yotsuba.css b/src/css/yotsuba.css
index 645d582c6..cf138a6e8 100644
--- a/src/css/yotsuba.css
+++ b/src/css/yotsuba.css
@@ -82,6 +82,11 @@
   background: rgba(255, 255, 255, .33);
 }
 
+/* Unread */
+:root.yotsuba .unread-mark-read {
+  background-color: rgba(240,224,214,0.5);
+}
+
 /* Thread Watcher */
 :root.yotsuba .replies-quoting-you > a, :root.yotsuba #watcher-link.replies-quoting-you {
   color: #F00;
diff --git a/src/main/Main.coffee b/src/main/Main.coffee
index a0cf5aa70..889d64e10 100644
--- a/src/main/Main.coffee
+++ b/src/main/Main.coffee
@@ -263,7 +263,7 @@ Main =
           s = window.getComputedStyle(d.body)
           bgColor = "#{s.backgroundColor} #{s.backgroundImage} #{s.backgroundRepeat} #{s.backgroundPosition}"
         Main.bgColorStyle.textContent = """
-          .dialog, .suboption-list > div:last-of-type, :root.catalog-hover-expand .catalog-container:hover > .post {
+          .dialog, .suboption-list > div:last-of-type, :root.catalog-hover-expand .catalog-container:hover > .post, .unread-mark-read {
             background: #{bgColor};
           }
         """