thisthethe_MicroMike/Snippets/sNoDynamicUnloading.css
2025-05-25 18:16:22 -06:00

72 lines
No EOL
2.5 KiB
CSS

/*
No Dynamic Unloading
This snippet disables dynamic unloading on the text editor preview mode and sidebars.
Why? The optimization has many problems.
* Notes with a lot of image embeds tend to get stuck jumping backwards while scrolling.
* If you make tree elements unusually small, it's bad at adapting and tends to leave gaps like this.
* Twitchy, unpredictable scrolling, and micro-lag caused when loading/unloading elements.
If you're having trouble with things like this, it might make things easier to disable the optimization.
I'd like to extend support to the Codemirror source / live editor, but I haven't figured out how to circumvent it yet.
*/
/*
Author: ThisTheThe
Source: github.com/ThisTheThe/MicroMike
Version: 05/25/2025
This is a componentized version of a portion of Micro Mike.
If you like what you see here, you might like the theme.
Feel free to give feedback on the theme page, or on Discord - I can be reached at "liblung".
*/
html {
--sidebarDashboardHeight: 42px;
--scrollBarSize: 7px ;
}
/* @settings
name: No Dynamic Unloading
id: noDynamicUnloading
settings:
-
id: enablePreviewCulling
title: Re-Enable Dynamic Unloading in Text Preview
type: class-toggle
-
id: enableSidebarCulling
title: Re-Enable Dynamic Unloading for Sidebars
type: class-toggle
*/
body:not(.enablePreviewCulling) .markdown-reading-view {
overflow-y: scroll;
}
body:not(.enablePreviewCulling) .markdown-preview-view {
overflow-y: visible;
min-height: -moz-fit-content;
min-height: fit-content;
}
body:not(.enablePreviewCulling) :not(.markdown-embed-content) > .markdown-preview-view > .markdown-preview-sizer {
padding-bottom: 500px !important;
}
body:not(.enablePreviewCulling) .markdown-preview-view > .markdown-preview-sizer {
min-height: 0px !important;
}
body:not(.enableTreeViewCulling) :is(.mod-left-split, .mod-right-split) .workspace-leaf-content:has(> .nav-header) {
margin-top: var(--sidebarDashboardHeight);
position: static;
}
body:not(.enableTreeViewCulling) :is(.mod-left-split, .mod-right-split) .workspace-leaf-content:has(> .nav-header) .nav-header {
width: 100%;
position: fixed;
top: 0;
z-index: 10;
margin-right: calc(0px - var(--scrollBarSize));
}
body:not(.enableTreeViewCulling) :is(.mod-left-split, .mod-right-split) .workspace-leaf-content {
overflow-y: scroll;
}
body:not(.enableTreeViewCulling) :is(.mod-left-split, .mod-right-split) .workspace-leaf-content .node-insert-event {
overflow-y: visible;
min-height: -moz-fit-content;
min-height: fit-content;
}/*# sourceMappingURL=sNoDynamicUnloading.css.map */