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)
This commit is contained in:
Alejandro Romano 2020-10-11 15:16:18 -03:00 committed by GitHub
parent b16281f28e
commit a10a4599b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -141,7 +141,8 @@
[style*='SFMono-Regular'] { [style*='SFMono-Regular'] {
font-family: var(--theme--font_code) !important; 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( font-size: calc(
var(--theme--font_body-size) * (var(--theme--font_heading1-size) / 1em) var(--theme--font_body-size) * (var(--theme--font_heading1-size) / 1em)
) !important; ) !important;
@ -161,15 +162,16 @@
var(--theme--font_body-size) * (var(--theme--font_heading3-size) / 1em) var(--theme--font_body-size) * (var(--theme--font_heading3-size) / 1em)
) !important; ) !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; 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; font-size: var(--theme--font_body-size) !important;
} }
.notion-frame .notion-frame .notion-scroller.vertical.horizontal .notion-page-content[style*='font-size: 14px'],
.notion-scroller.vertical.horizontal .notion-overlay-container .notion-scroller.vertical .notion-page-content[style*='font-size: 14px'] {
.notion-page-content[style*='font-size: 14px'] {
font-size: var(--theme--font_body-size_small) !important; font-size: var(--theme--font_body-size_small) !important;
} }
.notion-code-block [placeholder=' '] { .notion-code-block [placeholder=' '] {