fix #54 + padding issues in preview

This commit is contained in:
dragonwocky 2020-08-28 14:41:34 +10:00
parent 4b2d0e71dc
commit b94c8e7b77
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
3 changed files with 25 additions and 17 deletions

View File

@ -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)'] {

View File

@ -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)'] {

View File

@ -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;