From add5bb8d9c58456e5d72c78d7b58bf55f665bf8f Mon Sep 17 00:00:00 2001
From: Alejandro Romano <alejandro9r@gmail.com>
Date: Sun, 11 Oct 2020 16:27:16 -0300
Subject: [PATCH] Add font sizing to page previews (#153)
Font sizes remained the same as default for page previews. They are not affected by custom font sizes. This change takes the same variables the full open page and apply it. Tested and working 10/10
Full open pages: .notion-frame
Overlay, preview pages: .notion-overlay-container (and .notion-scroller.vertical WITHOUT .horizontal)
---
mods/core/css/theme.css | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/mods/core/css/theme.css b/mods/core/css/theme.css
index 735fad2..faeac8f 100644
--- a/mods/core/css/theme.css
+++ b/mods/core/css/theme.css
@@ -152,7 +152,8 @@
[style*='SFMono-Regular'] {
font-family: var(--theme--font_code) !important;
}
-.notion-frame .notion-page-block div[placeholder='Untitled'] {
+.notion-frame .notion-page-block div[placeholder='Untitled'],
+.notion-overlay-container .notion-page-block div[placeholder='Untitled']{
font-size: calc(
var(--theme--font_body-size) * (var(--theme--font_heading1-size) / 1em)
) !important;
@@ -172,15 +173,16 @@
var(--theme--font_body-size) * (var(--theme--font_heading3-size) / 1em)
) !important;
}
-.notion-frame .notion-scroller.vertical.horizontal [style*='font-size: 14px'] {
+.notion-frame .notion-scroller.vertical.horizontal [style*='font-size: 14px'],
+.notion-overlay-container .notion-scroller.vertical [style*='font-size: 14px']{
font-size: var(--theme--font_label-size) !important;
}
-.notion-frame .notion-scroller.vertical.horizontal .notion-page-content {
+.notion-frame .notion-scroller.vertical.horizontal .notion-page-content,
+.notion-overlay-container .notion-scroller.vertical .notion-page-content {
font-size: var(--theme--font_body-size) !important;
}
-.notion-frame
- .notion-scroller.vertical.horizontal
- .notion-page-content[style*='font-size: 14px'] {
+.notion-frame .notion-scroller.vertical.horizontal .notion-page-content[style*='font-size: 14px'],
+.notion-overlay-container .notion-scroller.vertical .notion-page-content[style*='font-size: 14px'] {
font-size: var(--theme--font_body-size_small) !important;
}
.notion-code-block [placeholder=' '] {