From d0f273381b3c433390f0ac5fd631eb414783251f Mon Sep 17 00:00:00 2001 From: Alejandro Romano 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) --- repo/core/css/theme.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/repo/core/css/theme.css b/repo/core/css/theme.css index 735fad2..faeac8f 100644 --- a/repo/core/css/theme.css +++ b/repo/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=' '] {