From a10a4599b12b30ab1a51f738da524ae412e13137 Mon Sep 17 00:00:00 2001 From: Alejandro Romano Date: Sun, 11 Oct 2020 15:16:18 -0300 Subject: [PATCH] Add font sizing to page previews 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 052c6c0..e0b7927 100644 --- a/mods/core/css/theme.css +++ b/mods/core/css/theme.css @@ -141,7 +141,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; @@ -161,15 +162,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=' '] {