mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-04 04:39:03 +00:00
169 lines
4.0 KiB
CSS
169 lines
4.0 KiB
CSS
/**
|
|
* notion-enhancer: tweaks
|
|
* (c) 2020 Arecsu
|
|
* (c) 2024 1280px
|
|
* (c) 2024 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
/* interface */
|
|
body[data-tweaks*=",hideFloatingButton,"] {
|
|
.notion-help-button,
|
|
.notion-ai-button {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* pages */
|
|
|
|
body[data-tweaks*=",normalisedDatabaseScrolling,"] {
|
|
.notion-page-content {
|
|
.notion-collection_view-block {
|
|
width: 100% !important;
|
|
}
|
|
.notion-board-view {
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
:is(.notion-collection_view-block, .notion-collection-view-body)
|
|
> [style*="padding"] {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
min-width: auto !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* typography */
|
|
|
|
.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-snappy_transitions * {
|
|
animation-duration: 0s !important;
|
|
transition-duration: 0s !important;
|
|
}
|
|
.enhancer--tweak-snappy_transitions .notion-selectable-halo {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.enhancer--tweak-hide_slash_for_commands [contenteditable]:empty:after {
|
|
content: " " !important;
|
|
}
|
|
|
|
.enhancer--tweak-hide_default_page_icons
|
|
.notion-sidebar
|
|
a
|
|
> div
|
|
> div:has(.notion-record-icon svg.page),
|
|
.enhancer--tweak-hide_default_page_icons
|
|
.layout
|
|
a
|
|
> div
|
|
> div
|
|
> div
|
|
> div:has(.notion-record-icon svg.page) {
|
|
display: none !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;
|
|
}
|