From 15e79dba02fd203a569bb2bd419584c325bb0117 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Wed, 1 May 2024 15:50:41 +0200
Subject: [PATCH] Better looking reading mode page (closes #26)

---
 .../themes/shared/aboutReader-css.patch       | 48 +++++++++++++++++++
 src/toolkit/themes/shared/zen-popup.css       |  3 +-
 2 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 src/toolkit/themes/shared/aboutReader-css.patch

diff --git a/src/toolkit/themes/shared/aboutReader-css.patch b/src/toolkit/themes/shared/aboutReader-css.patch
new file mode 100644
index 000000000..650277f29
--- /dev/null
+++ b/src/toolkit/themes/shared/aboutReader-css.patch
@@ -0,0 +1,48 @@
+diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
+index 6e4206e2939f04639ca20f8985d2ab97b571e857..27b6dbcf9cc77d7454461e056ca91ba5055aff19 100644
+--- a/toolkit/themes/shared/aboutReader.css
++++ b/toolkit/themes/shared/aboutReader.css
+@@ -912,3 +912,43 @@ pre code {
+   display: block;
+   overflow: auto;
+ }
++
++/* Zen Overrides */
++
++.toolbar {
++  border: none !important;
++  padding: 0 !important;
++  box-shadow: none !important;
++}
++
++.toolbar-button {
++  border-radius: 50% !important;
++}
++
++.open>.dropdown-popup {
++  border: 1px solid light-dark(#00000033, #ffffff33) !important;
++  border-radius: 12px !important;
++}
++
++.font-type-buttons > label {
++  background-color: transparent !important;
++}
++
++.radiorow>label {
++  border-radius: 8px !important;
++}
++
++.buttonrow > button {
++  opacity: .6;
++}
++
++.buttonrow > button:enabled:hover,
++.buttonrow > button:enabled:hover:active {
++  background-color: transparent !important;
++  opacity: 1;
++}
++
++.radiorow>input[type=radio]:focus-visible+label::after,
++.radiorow>label:hover::after {
++  border: none !important;
++}
diff --git a/src/toolkit/themes/shared/zen-popup.css b/src/toolkit/themes/shared/zen-popup.css
index 3d109bf8b..6b840f62c 100644
--- a/src/toolkit/themes/shared/zen-popup.css
+++ b/src/toolkit/themes/shared/zen-popup.css
@@ -394,8 +394,7 @@ menu, menuitem {
 
     > .unified-extensions-item-action-button {
       .unified-extensions-item-message-deck {
-        /* TODO: could be interesting! */
-        /*display: none;*/
+        display: none;
       }
 
       &:hover {