From f3bd649619b73fa9654abd75377a875925559468 Mon Sep 17 00:00:00 2001
From: Tim Magee <timothy@eastlincoln.net>
Date: Mon, 29 Nov 2021 17:00:33 -0500
Subject: [PATCH] userContent/reader: make reader view adaptive (MR 19)

Picked from MR 20, with lint fixes.
---
 src/userContent/reader.css | 55 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 src/userContent/reader.css

diff --git a/src/userContent/reader.css b/src/userContent/reader.css
new file mode 100644
index 0000000..4bebad3
--- /dev/null
+++ b/src/userContent/reader.css
@@ -0,0 +1,55 @@
+/* Copyright 2021 Tim Magee
+ * SPDX-License-Identifier: GPL-3.0-or-later */
+
+@-moz-document url-prefix("about:reader") {
+    @media (max-width: 800px) {
+        .toolbar-container {
+            margin-inline-start: 0px !important;
+            position: fixed !important;
+            top: 0px !important;
+            height: 74px !important;
+            width: 100% !important;
+            left: 0px !important;
+            background-color: rgba(255,255,255,1);
+        }
+
+        .dark .toolbar-container {
+            background-color: rgba(3,3,3,1);
+        }
+
+        .sepia .toolbar-container {
+            background-color: rgba(244,236,216,1);
+        }
+
+        .toolbar {
+            margin-inline-start: unset !important;
+            width: unset !important;
+        }
+
+        .dropdown li {
+            display: inline !important;
+        }
+
+        .dropdown {
+            display: inline;
+        }
+
+        body {
+            padding: 74px 0px !important;
+            margin: 15px 15px 0px !important;
+            --content-width: unset !important;
+        }
+
+        .header > h1 {
+            margin: 10px 0 !important;
+        }
+
+        .header > .meta-data {
+            margin: 0 0 5px !important;
+        }
+
+        .header > .credits {
+            margin: 0 0 5px !important;
+        }
+    }
+}