mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-06 05:29:02 +00:00
144 lines
4.2 KiB
CSS
144 lines
4.2 KiB
CSS
/**
|
|
* notion-enhancer: tweaks
|
|
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 arecsu
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
.enhancer--tweak-responsive_breakpoint
|
|
.notion-column_list-block
|
|
[style='display: flex;']
|
|
> div {
|
|
width: 100% !important;
|
|
}
|
|
.enhancer--tweak-responsive_breakpoint .notion-column_list-block [style='display: flex;'] {
|
|
flex-direction: column !important;
|
|
}
|
|
.enhancer--tweak-responsive_breakpoint .notion-app-inner,
|
|
.enhancer--tweak-full_width_pages .notion-app-inner {
|
|
--theme--page-width: 100%;
|
|
--theme--page-padding: calc(48px + env(safe-area-inset-left));
|
|
}
|
|
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-frame
|
|
.notion-page-content
|
|
.notion-collection_view-block,
|
|
.enhancer--tweak-normalise_table_scroll .notion-peek-renderer .notion-collection_view-block,
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-page-template-modal
|
|
.notion-collection_view-block,
|
|
.enhancer--tweak-normalise_table_scroll .notion-collection-view-body .notion-table-view {
|
|
width: 100% !important;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-collection_view-block
|
|
> [contenteditable]
|
|
> .notion-scroller
|
|
> [class$='view'][style*='padding-left'],
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-collection_view-block
|
|
> :first-child[style*='padding-left'] {
|
|
padding-left: 0 !important;
|
|
}
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-collection_view-block
|
|
> [contenteditable]
|
|
> .notion-scroller
|
|
> [class$='view'][style*='padding-right'],
|
|
.enhancer--tweak-normalise_table_scroll
|
|
.notion-collection_view-block
|
|
> :first-child[style*='padding-right'] {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.enhancer--tweak-snappy_transitions * {
|
|
animation-duration: 0s !important;
|
|
transition-duration: 0s !important;
|
|
}
|
|
.enhancer--tweak-snappy_transitions .notion-selectable-halo {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.enhancer--tweak-hide_help .notion-help-button {
|
|
display: none !important;
|
|
}
|
|
|
|
.enhancer--tweak-hide_slash_for_commands [contenteditable]:empty:after {
|
|
content: ' ' !important;
|
|
}
|
|
|
|
.enhancer--tweak-thicker_bold .notion-page-content span[style*='font-weight:600'] {
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.enhancer--tweak-spaced_lines .notion-page-content .notion-selectable.notion-text-block {
|
|
line-height: 1.65 !important;
|
|
margin-top: 0.75em !important;
|
|
}
|
|
|
|
.enhancer--tweak-condensed_bullets .notion-selectable.notion-bulleted_list-block {
|
|
margin-top: -1.5px !important;
|
|
margin-bottom: -1.5px !important;
|
|
}
|
|
|
|
.enhancer--tweak-bracketed_links .notion-link-token span {
|
|
border-bottom: none !important;
|
|
}
|
|
.enhancer--tweak-bracketed_links .notion-link-token:before {
|
|
content: '[[';
|
|
opacity: 0.7;
|
|
transition: opacity 100ms ease-in;
|
|
}
|
|
.enhancer--tweak-bracketed_links .notion-link-token:after {
|
|
content: ']]';
|
|
opacity: 0.7;
|
|
transition: opacity 100ms ease-in;
|
|
}
|
|
.enhancer--tweak-bracketed_links .notion-link-token:hover::before,
|
|
.enhancer--tweak-bracketed_links .notion-link-token:hover::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.enhancer--tweak-accented_links .notion-link-token {
|
|
color: var(--theme--accent_blue) !important;
|
|
}
|
|
.enhancer--tweak-accented_links .notion-link-token span[style*='border-bottom:0.05em'] {
|
|
opacity: 1 !important;
|
|
border-color: var(--theme--accent_blue) !important;
|
|
}
|
|
|
|
.enhancer--tweak-quotation_marks
|
|
.notion-quote-block
|
|
[style*='border-left: 3px solid currentcolor;'] {
|
|
position: relative;
|
|
padding-left: 24px !important;
|
|
padding-right: 18px !important;
|
|
}
|
|
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::before,
|
|
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::after {
|
|
font-family: Georgia, serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
}
|
|
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::before {
|
|
content: '\201C';
|
|
left: 8px;
|
|
top: -2px;
|
|
}
|
|
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::after {
|
|
content: '\201D';
|
|
right: 2px;
|
|
bottom: -2px;
|
|
}
|
|
|
|
.enhancer--tweak-img_alignment-left .notion-image-block {
|
|
align-self: start !important;
|
|
}
|
|
.enhancer--tweak-img_alignment-right .notion-image-block {
|
|
align-self: end !important;
|
|
}
|