From b94c8e7b77a4dfff5716920df2990e4ef352731c Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Fri, 28 Aug 2020 14:41:34 +1000
Subject: [PATCH] fix #54 + padding issues in preview
---
mods/core/css/dark.css | 2 +-
mods/core/css/light.css | 2 +-
mods/core/css/shared.css | 38 +++++++++++++++++++++++---------------
3 files changed, 25 insertions(+), 17 deletions(-)
diff --git a/mods/core/css/dark.css b/mods/core/css/dark.css
index 7f235e5..3400dea 100644
--- a/mods/core/css/dark.css
+++ b/mods/core/css/dark.css
@@ -125,7 +125,7 @@
background: var(--theme--selected) !important;
}
-.dark [style*='color: rgb(46, 170, 220)'] {
+.dark [style*=' color: rgb(46, 170, 220)'] {
color: var(--theme--primary) !important;
}
.dark [style*='fill: rgb(46, 170, 220)'] {
diff --git a/mods/core/css/light.css b/mods/core/css/light.css
index 53dfdb3..d9cd17e 100644
--- a/mods/core/css/light.css
+++ b/mods/core/css/light.css
@@ -138,7 +138,7 @@
background: var(--theme--selected) !important;
}
-.notion-body:not(.dark) [style*='color: rgb(46, 170, 220)'] {
+.notion-body:not(.dark) [style*=' color: rgb(46, 170, 220)'] {
color: var(--theme--primary) !important;
}
.notion-body:not(.dark) [style*='fill: rgb(46, 170, 220)'] {
diff --git a/mods/core/css/shared.css b/mods/core/css/shared.css
index ef6901a..f9c0761 100644
--- a/mods/core/css/shared.css
+++ b/mods/core/css/shared.css
@@ -91,26 +91,34 @@
border-width: 0 !important;
}
-/* patch inconsistent padding behaviour in preview */
-.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] {
- max-width: none !important;
-}
-.notion-peek-renderer .notion-page-view-discussion > div {
- padding-left: 0 !important;
- padding-right: 0 !important;
-}
-.notion-peek-renderer .notion-scroller.vertical > div:nth-child(2) > div {
- padding-left: 15px !important;
- padding-right: 15px !important;
-}
-
/* page preview sizing */
.notion-peek-renderer > div:nth-child(2) {
max-width: var(--theme--preview-width) !important;
}
+.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] {
+ max-width: none !important;
+}
-.notion-peek-renderer .notion-scroller.vertical > div:nth-child(2),
-.notion-peek-renderer .notion-page-view-discussion,
+.notion-peek-renderer
+ .notion-scroller.vertical
+ [style*='padding-left: calc(126px + env(safe-area-inset-left));'] {
+ padding-left: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+ .notion-scroller.vertical
+ [style*='padding-right: calc(126px + env(safe-area-inset-right));'] {
+ padding-right: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+ .notion-scroller.vertical
+ [style*='margin-left: calc(126px + env(safe-area-inset-left));'] {
+ margin-left: var(--theme--preview-padding) !important;
+}
+.notion-peek-renderer
+ .notion-scroller.vertical
+ [style*='margin-right: calc(126px + env(safe-area-inset-right));'] {
+ margin-right: var(--theme--preview-padding) !important;
+}
.notion-peek-renderer .notion-page-content {
padding-left: var(--theme--preview-padding) !important;
padding-right: var(--theme--preview-padding) !important;