diff --git a/.obsidian/plugins/obsidian-style-settings/data.json b/.obsidian/plugins/obsidian-style-settings/data.json index d1e3cea..00c6ff6 100644 --- a/.obsidian/plugins/obsidian-style-settings/data.json +++ b/.obsidian/plugins/obsidian-style-settings/data.json @@ -38,5 +38,6 @@ "chime-theme@@underlined-highlight": false, "chime-theme@@increased-line-height": false, "chime-theme@@custom-font-toggle": true, - "chime-theme@@custom-font": "Merriweather" + "chime-theme@@custom-font": "Merriweather", + "ScrollBar@@settingsLeftColumnLength": 200 } \ No newline at end of file diff --git a/.obsidian/snippets/sDensePrompt.css b/.obsidian/snippets/sDensePrompt.css new file mode 100644 index 0000000..4dc5432 --- /dev/null +++ b/.obsidian/snippets/sDensePrompt.css @@ -0,0 +1,42 @@ +/* + Dense Prompt + This modifies the prompt window (Ctrl+P) to be more dense; this allows it to display more results. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.modal-container .prompt .prompt-input-container { + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; +} +.modal-container .prompt .prompt-input-container input.prompt-input { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; + padding-right: 5px; + font-size: var(--font-text-size); +} +.modal-container .prompt .prompt-results { + padding: 0px; + margin: 0px; + gap: 0px; +} +.modal-container .prompt .prompt-results .suggestion-item { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; + padding-top: 3px; + padding-bottom: 3px; +} +.modal-container .prompt .prompt-results .suggestion-item.mod-complex { + justify-content: flex-start; +}/*# sourceMappingURL=sDensePrompt.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sDenseSettings.css b/.obsidian/snippets/sDenseSettings.css new file mode 100644 index 0000000..92e6cb7 --- /dev/null +++ b/.obsidian/snippets/sDenseSettings.css @@ -0,0 +1,89 @@ +/* + Dense Settings + This makes the settings (both the sidebar and main section) more dense, allowing for more information to be displayed. + Why? It can often be obnoxious navigating the normal Obsidian settings, which give an excess of spacing to the detriment of seeing the full picture. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.modal.mod-settings .vertical-tab-header { + padding-left: 5px; + padding-right: 5px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group { + padding: 0px; + margin: 0px; + gap: 0px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items { + padding: 0px; + margin: 0px; + gap: 0px; + font-size: 18px; + margin-top: 5px; + color: var(--text-normal); +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title .vertical-tab-nav-item, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item { + padding: 0px; + margin: 0px; + gap: 0px; + border-bottom: 1px solid var(--separatorColorSettings); + padding: 1px; + padding-left: 5px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title .vertical-tab-nav-item:last-of-type, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item:last-of-type { + border-bottom: 0px; +} +.modal.mod-settings .vertical-tab-content { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; +} +.modal.mod-settings .setting-item { + padding: 0px; + margin: 0px; + gap: 0px; + border-top: 1px solid var(--levelLayer); + padding-top: 5px; + padding-bottom: 5px; +} +.modal.mod-settings .setting-item .setting-item-info .setting-item-description { + padding-top: 0px; +} +.modal.mod-settings .setting-item .setting-item-control { + gap: 5px; + margin-right: 10px; +} +.modal.mod-settings .setting-item .setting-item-control .dropdown, .modal.mod-settings .setting-item .setting-item-control .search-input-container { + text-wrap: wrap; + padding-top: 5px; + padding-bottom: 5px; + display: flex; +} +body:not(.disableLeftAlignSettings) .modal.mod-settings :is(h1, h2, h3, h4, h5, h6) { + padding-left: calc(var(--settingsLeftColumnLength) - 20px); +} +body:not(.disableLeftAlignSettings) .modal.mod-settings :is(h1, h2, h3, h4, h5, h6) .setting-item-name { + margin-left: 10px; +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) { + font-size: 20px; + padding-top: 5px; + padding-bottom: 5px; + line-height: 26px; + background: var(--settingsHeaderGradient); +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) .setting-item-name { + font-size: 20px; + margin-left: 10px; +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) .setting-item-control { + min-width: calc(var(--settingsLeftColumnLength) - 30px) !important; +}/*# sourceMappingURL=sDenseSettings.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sLeftAlignReadable.css b/.obsidian/snippets/sLeftAlignReadable.css new file mode 100644 index 0000000..51d5360 --- /dev/null +++ b/.obsidian/snippets/sLeftAlignReadable.css @@ -0,0 +1,50 @@ +/* + Left Aligned Readable Line Length + This snippet will cause the sidebars, title bar, and status bar to disappear when the window is a certain width. + It is advised the user change the minimum width that the "mini mode" activates to their preference manually - this can't be changed in GUI due to CSS limitations. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +/* @settings +name: Left Align Readable Line Length +id: leftAlignReadable +settings: + - + id: disableLeftAlignReadable + title: Disable Left Align + description: The text area will be centered instead. + type: class-toggle + default: true + - + id: file-line-width + title: Text Window Length + description: Size of text window in text editor. + type: variable-number-slider + default: 700 + min: 300 + max: 1800 + step: 50 + format: px +*/ +.cm-sizer, .markdown-preview-sizer { + max-width: var(--file-line-width); +} + +body:not(.disableLeftAlignReadable) .markdown-preview-view.is-readable-line-width .markdown-preview-sizer, +body:not(.disableLeftAlignReadable) .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer { + margin-left: 0px; + margin-right: 0px; +} + +body.disableLeftAlignReadable .markdown-preview-view .markdown-preview-sizer, +body.disableLeftAlignReadable .markdown-source-view.mod-cm6 .cm-sizer { + margin-left: auto; + margin-right: auto; +}/*# sourceMappingURL=sLeftAlignReadable.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sLeftAlignSettingsControls.css b/.obsidian/snippets/sLeftAlignSettingsControls.css new file mode 100644 index 0000000..b3a52b2 --- /dev/null +++ b/.obsidian/snippets/sLeftAlignSettingsControls.css @@ -0,0 +1,53 @@ +/* + Left Aligned Settings Controls + This makes interactable elements in the settings menu left-aligned, pushing against the text. + It makes it much clearer which interactable belongs to which setting, and elegantly sectionally divides the window. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --settingsLeftColumnLength: 300px; +} + +/* @settings +name: Left Aligned Settings Controls +id: ScrollBar +settings: + - + id: settingsLeftColumnLength + title: Left Column Width + description: The width of the controls' column. + type: variable-number-slider + default: 16 + min: 200 + max: 600 + step: 2 + format: px +*/ +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control { + order: -1; + flex-grow: 0; + flex-shrink: 0; + min-width: var(--settingsLeftColumnLength); + margin-right: 10px; + max-width: var(--settingsLeftColumnLength); + flex-wrap: wrap; +} +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control .dropdown, body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control .search-input-container { + text-wrap: wrap; + max-width: var(--settingsLeftColumnLength); + height: initial; + padding-top: 5px; + padding-bottom: 5px; + display: flex; +} +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control textarea { + max-width: var(--settingsLeftColumnLength); +}/*# sourceMappingURL=sLeftAlignSettingsControls.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sMiniMode.css b/.obsidian/snippets/sMiniMode.css new file mode 100644 index 0000000..55da0d7 --- /dev/null +++ b/.obsidian/snippets/sMiniMode.css @@ -0,0 +1,36 @@ +/* + Mini Mode + Turn Obsidian into a convenient little notepad - just by resizing it. + This snippet will cause the sidebars, title bar, and status bar to disappear when the window below a certain width. + You'll have to change the minimum width that the "mini mode" activates at to your preference manually - this can't be changed in Style Settings due to CSS limitations. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +@media only screen and (max-width: 900px) { + body:not(.disableMiniMode) .mod-right-split { + display: none; + } + body:not(.disableMiniMode) .mod-left-split { + display: none; + } + body:not(.disableMiniMode) .workspace-ribbon { + display: none; + } + body:not(.disableMiniMode) .status-bar { + display: none; + } + body:not(.disableMiniMode) .workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + --frame-right-space: var(--rightFrameSetTo); + margin-right: var(--frame-right-space); + } + body.stackTabs:not(.disableMiniMode) .workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + margin-right: 0px; + } +}/*# sourceMappingURL=sMiniMode.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sNearerTotalNumbers.css b/.obsidian/snippets/sNearerTotalNumbers.css new file mode 100644 index 0000000..147937b --- /dev/null +++ b/.obsidian/snippets/sNearerTotalNumbers.css @@ -0,0 +1,37 @@ +/* + Nearer Total Numbers + This modifies how the number in the search, tags, backlinks/outlinks, etc works. + It moves it to the left alongside the text, which makes it easier and less ambiguous which number belongs to which word. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.tree-item-self .tree-item-icon { + order: 0; +} +.tree-item-self .tree-item-flair-outer { + padding: 0px; + margin: 0px; + gap: 0px; + order: 1; + padding-right: 5px; + padding-left: 5px; +} +.tree-item-self .tree-item-flair-outer .tree-item-flair { + font-size: var(--outlineLevelFontSize); + color: var(--text-normal); +} +.tree-item-self .tree-item-inner { + order: 2; +} + +.workspace-leaf-content[data-type=search] .tree-item-self:has(.tree-item-icon) .tree-item-flair::after { + position: relative; + content: ":"; +}/*# sourceMappingURL=sNearerTotalNumbers.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sNoAnimations.css b/.obsidian/snippets/sNoAnimations.css new file mode 100644 index 0000000..ae81cb1 --- /dev/null +++ b/.obsidian/snippets/sNoAnimations.css @@ -0,0 +1,34 @@ +/* + No Animations + This snippet disables animations. It includes a feature to workaround a problem causing the sidebars to close more slowly, and a fix for issues with the file browser display. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +/* Animation Disabler */ +*, *:after, *:before { + /*CSS transitions*/ + transition-property: none !important; + transition: none !important; + /*CSS transforms*/ + /*CSS animations*/ + animation: none !important; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-left-split.is-sidedock-collapsed { + display: none !important; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-right-split.is-sidedock-collapsed { + display: none !important; +} + +.workspace-leaf-content { + animation: 0.03s fade cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; +}/*# sourceMappingURL=sNoAnimations.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sPositionablePrompt.css b/.obsidian/snippets/sPositionablePrompt.css new file mode 100644 index 0000000..2e2d0df --- /dev/null +++ b/.obsidian/snippets/sPositionablePrompt.css @@ -0,0 +1,169 @@ +/* + Positionable Prompt + Intended with Style Settings + This allows for granular control of the size and position of the prompt (Ctrl+P) window. + Options: + * Which corner to anchor in, or centered + * Height/width in percentages + * X/Y offsets in pixels + * Minimum width in pixels +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --modalOffsetX: 250px; + --modalMinWidth: 600px; +} + +/* @settings +name: Prompt Positioning +id: PromptPositioning +settings: + - + id: modalAlignment + title: Prompt Alignment + description: Pick the compass direction that the generic (file seeking, etc...) prompt is aligned to. + type: class-select + allowEmpty: false + default: modalSAlign + options: + - + label: Centered + value: modalCAlign + - + label: North + value: modalNAlign + - + label: Northeast + value: modalNEAlign + - + label: East + value: modalEAlign + - + label: Southeast + value: modalSEAlign + - + label: South + value: modalSAlign + - + label: Southwest + value: modalSWAlign + - + label: West + value: modalWAlign + - + label: Northwest + value: modalNWAlign + - + id: modalHSize + title: Prompt Height + description: In percentage, choose the height of the prompt. + type: variable-number-slider + default: 50 + min: 20 + max: 100 + step: 5 + format: "%" + - + id: modalWSize + title: Prompt Width + description: In percentage, choose the width of the prompt. + type: variable-number-slider + default: 35 + min: 20 + max: 100 + step: 5 + format: "%" + - + id: modalOffsetX + title: Prompt X Offset + description: Choose an X offset for the prompt. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 250 + min: -1000 + max: 1000 + step: 25 + format: px + - + id: modalOffsetY + title: Prompt Y Offset + description: Choose a Y offset for the prompt. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -500 + max: 500 + step: 10 + format: px + - + id: modalMinWidth + title: Prompt Min Width + description: The prompt window is not allowed to become any smaller than this size. The max size is defined by the above setting. + type: variable-number-slider + default: 300 + min: 200 + max: 1200 + step: 10 + format: px +*/ +body:not(.is-mobile) .modal-container .prompt { + position: absolute; + top: 50%; + left: 50%; + height: 50%; +} + +.css-settings-manager:not(.is-mobile) .modal-container .prompt { + position: absolute; + top: unset; + left: unset; + min-height: var(--modalHSize); + max-height: var(--modalHSize); + min-width: var(--modalMinWidth); + width: var(--modalWSize); + max-width: var(--modalWSize); + margin-left: var(--modalOffsetX); + margin-bottom: var(--modalOffsetY); +} + +:not(.is-mobile).modalNAlign .modal-container .prompt { + top: 0%; +} + +:not(.is-mobile).modalNEAlign .modal-container .prompt { + top: 0%; + right: 0%; +} + +:not(.is-mobile).modalEAlign .modal-container .prompt { + right: 0%; +} + +:not(.is-mobile).modalSEAlign .modal-container .prompt { + bottom: 0%; + right: 0%; +} + +:not(.is-mobile).modalSAlign .modal-container .prompt { + bottom: 0%; +} + +:not(.is-mobile).modalSWAlign .modal-container .prompt { + bottom: 0%; + left: 0%; +} + +:not(.is-mobile).modalWAlign .modal-container .prompt { + left: 0%; +} + +:not(.is-mobile).modalNWAlign .modal-container .prompt { + top: 0%; + left: 0%; +}/*# sourceMappingURL=sPositionablePrompt.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sPositionableSettings.css b/.obsidian/snippets/sPositionableSettings.css new file mode 100644 index 0000000..2a93521 --- /dev/null +++ b/.obsidian/snippets/sPositionableSettings.css @@ -0,0 +1,179 @@ +/* + Positionable Settings + Intended with Style Settings + This allows for granular control of the size and position of the settings window. + Options: + * Which corner to anchor in, or centered + * Height/width in percentages + * X/Y offsets in pixels + * Minimum width in pixels +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --settingsHSize: 100%; + --settingsWSize: 60%; + --settingsOffsetX: 0px; + --settingsMinWidth: 800px; +} + +/* @settings +name: Settings Positioning +id: SettingsPositioning +settings: + - + id: settingsAlignment + title: Settings Alignment + description: Pick the compass direction that the generic (file seeking, etc...) settings is aligned to. + type: class-select + allowEmpty: false + default: settingsWAlign + options: + - + label: Centered + value: settingsCAlign + - + label: North + value: settingsNAlign + - + label: Northeast + value: settingsNEAlign + - + label: East + value: settingsEAlign + - + label: Southeast + value: settingsSEAlign + - + label: South + value: settingsSAlign + - + label: Southwest + value: settingsSWAlign + - + label: West + value: settingsWAlign + - + label: Northwest + value: settingsNWAlign + - + id: settingsHSize + title: Settings Height + description: In percentage, choose the height of the settings. + type: variable-number-slider + default: 100 + min: 35 + max: 100 + step: 5 + format: "%" + - + id: settingsWSize + title: Settings Width + description: In percentage, choose the width of the settings. + type: variable-number-slider + default: 60 + min: 50 + max: 100 + step: 5 + format: "%" + - + id: settingsOffsetX + title: Settings X Offset + description: Choose an X offset for the settings. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -520 + max: 520 + step: 40 + format: px + - + id: settingsOffsetY + title: Settings Y Offset + description: Choose a Y offset for the settings. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -500 + max: 500 + step: 10 + format: px + - + id: settingsMinWidth + title: Settings Min Width + description: The settings window is not allowed to become any smaller than this size. The max size is defined by the above setting. + type: variable-number-slider + default: 800 + min: 500 + max: 1200 + step: 10 + format: px +*/ +body:not(.css-settings-manager):not(.is-mobile) .modal-container:has(> .mod-settings) { + align-items: flex-start; +} +body:not(.css-settings-manager):not(.is-mobile) .modal-container:has(> .mod-settings) .modal.mod-settings { + margin-left: 40px; + height: 100%; + width: 90%; + min-width: var(--settingsMinWidth); +} + +body:not(.is-mobile) .css-settings-manager .modal-container:has(> .mod-settings) { + align-items: center; + justify-content: center; +} + +.css-settings-manager:not(.is-mobile) .modal.mod-settings { + position: absolute; + top: unset; + left: unset; + min-width: unset; + min-height: var(--settingsHSize); + max-height: var(--settingsHSize); + min-width: var(--settingsMinWidth); + max-width: var(--settingsWSize); + margin-left: calc(var(--settingsOffsetX) + 40px); + margin-bottom: var(--settingsOffsetY); +} + +:not(.is-mobile).settingsNAlign .modal.mod-settings { + top: 0%; +} + +:not(.is-mobile).settingsNEAlign .modal.mod-settings { + top: 0%; + right: 0%; +} + +:not(.is-mobile).settingsEAlign .modal.mod-settings { + right: 0%; +} + +:not(.is-mobile).settingsSEAlign .modal.mod-settings { + bottom: 0%; + right: 0%; +} + +:not(.is-mobile).settingsSAlign .modal.mod-settings { + bottom: 0%; +} + +:not(.is-mobile).settingsSWAlign .modal.mod-settings { + bottom: 0%; + left: 0%; +} + +:not(.is-mobile).settingsWAlign .modal.mod-settings { + left: 0%; +} + +:not(.is-mobile).settingsNWAlign .modal.mod-settings { + top: 0%; + left: 0%; +}/*# sourceMappingURL=sPositionableSettings.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sResizableResizeBars.css b/.obsidian/snippets/sResizableResizeBars.css new file mode 100644 index 0000000..43cd409 --- /dev/null +++ b/.obsidian/snippets/sResizableResizeBars.css @@ -0,0 +1,97 @@ +/* + Resizable Resize Bars + This snippet allows for a configurable width on the "resize handles" that determine the width of the sidebars. + Why? It's very precise to click the handles normally. If you do that often, you might find it a useful quality-of-life improvement. + Width value can be configured with Style Settings. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body .app-container { + --handleSize: 20px; +} + +/* @settings +name: Resize Bars +id: ResizeBars +settings: + - + id: handleSize + title: Resize Bars Size + description: The size of the resize bars for each of the sidebars. + type: variable-number-slider + default: 16 + min: 4 + max: 30 + step: 2 + format: px +*/ +/* Resize Bars */ +body { + --divider-width: var(--handleSize); +} + +.workspace-split.mod-horizontal.mod-left-split > *:not(hr) { + padding-right: var(--handleSize); +} + +.workspace-split.mod-horizontal.mod-right-split > *:not(hr) { + padding-left: var(--handleSize); +} + +.mod-left-split .workspace-tabs { + padding-bottom: var(--handleSize); +} + +.mod-right-split .workspace-tabs { + padding-bottom: var(--handleSize); +} + +.workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions { + margin-right: calc(var(--handleSize)); +} + +.workspace-ribbon.side-dock-ribbon { + border-right: 0px; +} + +.mod-right-split .workspace-tabs:last-of-type, +.mod-left-split .workspace-tabs:last-of-type { + padding-bottom: 0; +} + +/* Vertical */ +.mod-left-split > hr, +.mod-right-split > hr { + width: var(--handleSize) !important; + right: calc(0 - var(--handleSize)); + box-sizing: border-box; + display: flex; + z-index: 99; + color: transparent; +} + +/* Vertical */ +.mod-left-split > hr:hover, +.mod-right-split > hr:hover { + color: var(--divider-color-hover); +} + +/* Horizontal */ +.mod-horizontal > div > hr:not(.mod-root hr) { + display: flex; + width: 100% !important; + height: var(--handleSize) !important; + flex-direction: column-reverse; + border-bottom: 0px !important; +} + +.mod-root .workspace-leaf-resize-handle { + --divider-width: 3px; +}/*# sourceMappingURL=sResizableResizeBars.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sResizableScrollbar.css b/.obsidian/snippets/sResizableScrollbar.css new file mode 100644 index 0000000..4683290 --- /dev/null +++ b/.obsidian/snippets/sResizableScrollbar.css @@ -0,0 +1,44 @@ +/* + Resizable Scroll Bar + This snippet allows for you to configure the width of the scrollbar. + Why? It can be precise to click the scrollbar. If you use it often, you might find adding this makes your workflow more efficient. + Width value can be configured with Style Settings. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --scrollBarSize: 20px; +} + +/* @settings +name: Scroll Bar +id: ScrollBar +settings: + - + id: scrollBarSize + title: Scroll Bar Size + description: The width of the scrollbar on the side. + type: variable-number-slider + default: 16 + min: 4 + max: 30 + step: 2 + format: px +*/ +body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar, +body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar, +body:not(.native-scrollbars) ::-webkit-scrollbar { + width: var(--scrollBarSize); + border: 0px; +} + +.body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { + border: 0px; +}/*# sourceMappingURL=sResizableScrollbar.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sSimpleEditor.css b/.obsidian/snippets/sSimpleEditor.css new file mode 100644 index 0000000..1e271f2 --- /dev/null +++ b/.obsidian/snippets/sSimpleEditor.css @@ -0,0 +1,126 @@ +/* + Simple Editor + This snippet enforces a uniform line-height in the editor, no matter what. I find this "pseudo notepad" environment preferable to the more chaotic, jerky formatting shifts that occur switching between modes otherwise. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +/* @settings +name: Simple Editor +id: SimpleEditor +settings: + - + id: disableSECodeblock + title: Disable Simple Editor Code Block + description: This switch disables the modified, line-height aligned codeblocks. + type: class-toggle + - + id: disableSECallout + title: Disable Simple Editor Callout + description: This switch disables the modified, line-height aligned callout. + type: class-toggle +*/ +body { + --h1-line-height: var(--line-height-normal); + --h2-line-height: var(--line-height-normal); + --h3-line-height: var(--line-height-normal); + --h4-line-height: var(--line-height-normal); + --h1-size: 1em; + --h2-size: 1em; + --h3-size: 1em; + --h4-size: 1em; + --h5-size: 1em; + --h6-size: 1em; + --p-spacing: 0px; + --line-height-normal: 1.25em; + --margin-scale: calc(var(--font-text-size) * 1.25); + --anp-font-preview-wt: 200; + --anp-font-editor-wt: 200; + --list-spacing: 0px; +} + +.workspace-split.mod-root .view-content { + background-color: var(--bottom); + padding-left: 5px; +} + +.centerAlignReadableLength .cm-sizer, .centerAlignReadableLength .markdown-preview-sizer { + margin-left: auto; + margin-right: auto; +} + +.markdown-rendered div:is(.el-p, .el-pre, .el-table, .el-ul, .el-ol) + div > :is(h1, h2, h3, h4, h5, h6), +.markdown-rendered :is(p, pre, table, ul, ol) + :is(h1, h2, h3, h4, h5, h6), +.markdown-rendered .markdown-preview-section :is(p, h1, h2, h3, h4, h5, h6) { + margin-top: var(--margin-scale); +} + +.markdown-rendered .markdown-preview-section blockquote :is(p, h1, h2, h3, h4, h5, h6):first-of-type { + margin-top: 0; +} + +.markdown-rendered .markdown-preview-section :is(h1, h2, h3, h4, h5, h6) { + margin-bottom: var(--margin-scale); +} + +.markdown-rendered .markdown-preview-section :is(h1, h2, h3, h4, h5, h6) + div p { + margin-top: 0; +} + +.markdown-rendered .markdown-preview-section .mod-header + div :is(p, h1, h2, h3, h4, h5, h6) { + margin-top: 0; +} + +.markdown-rendered div:is(.el-ul, .el-ol) { + margin-top: var(--margin-scale); +} + +.markdown-rendered hr { + margin-top: calc(var(--margin-scale) * 1.5); + height: calc(var(--margin-scale) * 0.5); + margin-bottom: 0px; +} + +.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { + padding-left: 5px; +} + +body:not(.disableSECodeblock) .markdown-rendered pre { + padding: 0px; + margin: 0px; + padding-left: 5px; + min-height: 0px; + margin-top: var(--margin-scale); + margin-bottom: var(--margin-scale); +} + +body:not(.disableSECodeblock) .markdown-rendered pre:before { + content: "```"; + display: block; +} + +body:not(.disableSECodeblock) .markdown-rendered pre:after { + content: "```"; + display: block; +} + +.footnote-ref { + vertical-align: text-bottom; +} + +body:not(.disableSECallout) .callout { + padding: 0px; + padding-left: 5px; + margin-top: var(--margin-scale); + margin-bottom: var(--margin-scale); +} + +body:not(.disableSECallout) .markdown-rendered .markdown-preview-section :is(.callout-content) > *:first-of-type { + margin-top: 0px; +}/*# sourceMappingURL=sSimpleEditor.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sSimpleTag.css b/.obsidian/snippets/sSimpleTag.css new file mode 100644 index 0000000..c17e979 --- /dev/null +++ b/.obsidian/snippets/sSimpleTag.css @@ -0,0 +1,29 @@ +/* + Simple Tags + This simplifies the appearance of tags - they now are just text colored with the selected accent. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --tag-size: va(--font-text-size); + --tag-color: var(--text-accent); + --tag-color-hover: var(--text-accent); + --tag-decoration: none; + --tag-decoration-hover: none; + --tag-background: transparent; + --tag-background-hover: transparent; + --tag-border-color: transparent; + --tag-border-color-hover: transparent; + --tag-border-width: 0px; + --tag-padding-x: 0px; + --tag-padding-y: 0px; + --tag-radius: 0px; + --tag-weight: inherit; +}/*# sourceMappingURL=sSimpleTag.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sSquareUI.css b/.obsidian/snippets/sSquareUI.css new file mode 100644 index 0000000..902ff79 --- /dev/null +++ b/.obsidian/snippets/sSquareUI.css @@ -0,0 +1,781 @@ +/* + Square UI + This modified UI focuses on ergonomics and space-usage. + Style Settings can be used to precisely control the size of elements. + Features: + - No more padding dead-zones. Anywhere. + - Sidebar tabs, and the buttons on the sidebars, fill the full space given. + - Right sidebar button functions as a fourth titlebar button. (Modifiable) + - Left sidebar button always anchored to top-left. (Modifiable) + - Much easier to interact with note title; and buttons there are also larger. + - Optional "Stack Tabs" mode - this literally stacks the tabs vertically on the window. + - This can be desirable for users with lots of tabs - you move your eyes less, and the tabs' titles won't be compressed by their density. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.workspace-tabs.mod-top-right-space { + background: var(--tab-container-background); +} + +body { + --scrollBarSize: 20px; + --handleSize: 20px; + --editorSize: 800px; + --sidebarTabHeight: 40px; + --sidebarDashboardHeight: 40px; + --editorTabHeight: 40px; + --editorTabHeightStack: 40px; + --editorStackWidth: 200px; + --dragSpaceHeight: 20px; + --ribbonWidth: 40px; + --ribbonButtonHeight: 40px; + --editorDashboardHeight: 40px; + --editorTabHeight: 40px; + --editorDashboardButtonsWidth: 20%; + --rightFrameSetTo: calc(var(--titlebarButtonWidth) * 4); + --titlebarButtonWidth: 40px; + --titlebarButtonHeight: 40px; +} + +body:is(.outsideSidebar_RBA, .insideSidebar_RBA) { + --rightFrameSetTo: calc(var(--titlebarButtonWidth) * 3); +} + +body { + --frame-right-space: var(--rightFrameSetTo); + --handleSize: 0px; +} + +body.stackTabs:not(.tabTooltips) .tooltip { + display: none; +} + +/* @settings +name: Square UI +id: SquareUI +settings: + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Shared UI Components (Scrollbar, Drag bars, Resize bars, Ribbon...) + type: heading + level: 2 + collapsed: true + - + id: ribbon-width + title: Ribbon Width + description: The width of the space occupied by the ribbon. + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: ribbonButtonHeight + title: Ribbon Button Height + description: The height of the ribbon buttons. + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: disableFastClose + title: Disable Sidebar Fast Close + description: Micro Mike uses a hack to make sidebars disappear immediately upon pressing the button. This disables that. + type: class-toggle + - + id: disableExtendRightSidebarMinimum + title: Disable Extended Right Sidebar Minimum Width + description: With the right sidebar button now on the title bar, Micro Mike makes the right sidebar longer to compensate - if you want. + type: class-toggle + default: true + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Text Editor + type: heading + level: 2 + collapsed: true + - + id: editorDashboardHeight + title: Editor Dashboard Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Tabs & Sidebars + type: heading + level: 2 + collapsed: true + - + id: stackTabs + title: Stack the tabs + description: The tabs will be stacked. + type: class-toggle + default: true + - + id: tabTooltips + title: Reenable Tab Tooltips + description: Tab tooltips are disabled for stacked tab mode - unless reenabled here. + type: class-toggle + - + id: disableXButtons + title: Disable Tab X Buttons + description: Did you know you can close tabs by middle clicking on them? + type: class-toggle + - + id: tabTitleWordWrap + title: Tab Title Word Wrap + description: If there is space and the title is long enough, the text will now overflow onto more lines. + type: class-toggle + - + id: tabTitleCentered + title: Center Tab Titles + type: class-toggle + - + id: editorStackWidth + title: Stack Tabs Width + description: The width of the stacked tabs. + type: variable-number-slider + default: 200 + min: 120 + max: 300 + step: 5 + format: px + - + id: editorTabHeightStack + title: Editor Stack Tab Height + description: Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: editorTabHeight + title: Editor (Non-Stack) Tab Height + description: Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: sidebarTabHeight + title: Sidebar Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: sidebarDashboardHeight + title: Sidebar Dashboard Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: cornerDragLocation + title: Corner Drag Location + description: This creates a space at the left corner where the window can be dragged. + type: class-toggle + - + id: editorDragSpace + title: Editor Drag Space + description: This creates a space at the right corner in editor tabs where the window can be dragged. + type: class-toggle + - + id: leftAlignedLeftSidebarButtonDisable + title: Disable Left Sidebar Button Corner Alignment + description: This allows you to disable the left corner positioning of the left sidebar button. + type: class-toggle + - + id: rightSidebarButtonAlignment + title: Right Sidebar Button Alignment + description: "This determines the alignment of the sidebar button.\n **titlebarAlign**: Acts as a fourth button on the titlebar.\n **outsideSidebar**: Creates a button on the outside of the sidebar to the right - this is the default behavior.\n **insideSidebar**: Creates a button inside the sidebar to the left." + type: class-select + allowEmpty: false + default: titlebarAlign_RBA + options: + - titlebarAlign_RBA + - outsideSidebar_RBA + - insideSidebar_RBA + - + id: this-is-a-heading --------------------------------------------------------------------------------------- + title: Title Bar + type: heading + level: 2 + collapsed: true + - + id: dragSpaceHeight + title: Drag Space Height + type: variable-number-slider + default: 20 + min: 0 + max: 80 + step: 5 + format: px + - + id: disableRightTitlebarOffset + title: Disable Titlebar Spacing + description: Space is made for the titlebar buttons. If the drag space height is high enough, then it doesn't overlap even without this. + type: class-toggle + - + id: titlebarButtonWidth + title: Titlebar Button Width + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 2 + format: px + - + id: titlebarButtonHeight + title: Titlebar Button Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 2 + format: px +*/ +body { + --radius-s: 0px; + --radius-m: 0px; + --radius-l: 0px; + --radius-xl: 0px; + --tab-radius-active: 0px; + --input-radius: 0px; + --button-radius: 0px; +} + +body { + --header-height: var(--sidebarTabHeight); +} + +.nav-files-container, .tag-container { + padding: 0px; + margin: 0px; + gap: 0px; +} + +.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { + padding: 0px; + margin: 0px; + gap: 0px; +} + +body { + --header-height: var(--editorDashboardHeight); +} + +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorDashboardHeight); + min-height: var(--editorDashboardHeight); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div { + width: var(--editorDashboardButtonsWidth); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div > :is(button, a, div) { + padding: 0px; + margin: 0px; + gap: 0px; + flex-grow: 1; + height: var(--editorDashboardHeight); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title-parent { + display: none; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title { + display: inline-block; + min-width: 100%; + text-align: center; + vertical-align: middle; + font-size: 20px; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title::before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header .view-header-title-container::after { + height: 0px; + width: 0px; + display: none; +} + +body { + --ribbon-width: 40px; +} + +.workspace-ribbon.mod-left { + padding: 0px; + margin: 0px; + gap: 0px; + flex-basis: var(--ribbon-width); + margin-top: var(--ribbonButtonHeight); +} +.workspace-ribbon.mod-left .side-dock-settings, .workspace-ribbon.mod-left .side-dock-actions { + gap: 0px; +} +.workspace-ribbon.mod-left .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--ribbon-width); + height: var(--ribbonButtonHeight); +} +.workspace-ribbon.mod-left .sidebar-toggle-button.mod-left { + padding: 0px; + margin: 0px; + gap: 0px; +} + +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left, +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: 40px; + height: var(--sidebarTabHeight); +} + +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left { + margin-top: var(--dragSpaceHeight); +} + +body:not(.leftAlignedLeftSidebarButtonDisable) .sidebar-toggle-button.mod-left { + order: -1; +} + +body:not(.leftAlignedLeftSidebarButtonDisable).cornerDragLocation .mod-left-split .workspace-tab-header-container-inner { + margin-left: 0px; +} +body:not(.leftAlignedLeftSidebarButtonDisable).cornerDragLocation .sidebar-toggle-button.mod-left { + order: -1; + margin-left: 40px; +} + +.workspace-tab-header-container .sidebar-toggle-button.mod-right { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--titlebarButtonHeight); + width: var(--titlebarButtonWidth); +} +.workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--titlebarButtonWidth); + height: var(--titlebarButtonHeight); +} + +body:not(.outsideSidebar_RBA):not(.insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + padding: 0px; + margin: 0px; + gap: 0px; + position: fixed; + right: calc(var(--titlebarButtonWidth) * 3); + z-index: 20; +} + +:is(.outsideSidebar_RBA, .insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + margin-top: var(--dragSpaceHeight); + height: var(--editorTabHeight); + width: var(--editorTabHeight); +} +:is(.outsideSidebar_RBA, .insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + width: var(--editorTabHeight); + height: var(--editorTabHeight); +} + +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs { + overflow: visible; +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs .workspace-tab-header-container .sidebar-toggle-button.mod-right { + position: absolute; + right: calc(0px - var(--handleSize) - 40px); + height: var(--sidebarTabHeight); + width: 40px; + z-index: 10; +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs .workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + width: 40px; + height: var(--sidebarTabHeight); +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + margin-left: 40px; +} + +body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + top: 0px; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + margin-right: var(--frame-right-space); + padding-right: 0px; +} + +:is(.mod-windows, .mod-linux).stackTabs { + --frame-right-space: 0px; +} + +html .mod-windows .mod-root, +html .mod-linux .mod-root { + --frame-right-space: var(--rightFrameSetTo); +} + +html .mod-windows:not(.disableRightTitlebarOffset) .mod-right-split, +html .mod-linux:not(.disableRightTitlebarOffset) .mod-right-split { + --frame-right-space: var(--rightFrameSetTo); +} + +html .mod-windows.disableRightTitlebarOffset .mod-right-split, +html .mod-linux.disableRightTitlebarOffset .mod-right-split { + --frame-right-space: 0px; +} + +html .mod-windows:not(.stackTabs) .mod-root, +html .mod-linux:not(.stackTabs) .mod-root { + --frame-right-space: 0px; +} + +html .mod-windows.stackTabs .mod-root, +html .mod-linux.stackTabs .mod-root { + --frame-right-space: 0px; +} + +html .mod-windows:not(.stackTabs):not(.disableRightTitlebarOffset) .mod-root .mod-top-right-space, +html .mod-linux:not(.stackTabs):not(.disableRightTitlebarOffset) .mod-root .mod-top-right-space { + --frame-right-space: var(--rightFrameSetTo); +} + +.stackTabs .workspace:has(.mod-right-split.is-sidedock-collapsed) .workspace-tab-container .workspace-leaf .view-header { + --frame-right-space: var(--rightFrameSetTo); + margin-right: var(--frame-right-space); +} + +.nav-header { + padding: 0px; + margin: 0px; + gap: 0px; +} +.nav-header .nav-buttons-container { + padding: 0px; + margin: 0px; + gap: 0px; +} +.nav-header .nav-buttons-container .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--sidebarDashboardHeight); + flex-grow: 1; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-left-split.is-sidedock-collapsed { + display: none !important; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-right-split.is-sidedock-collapsed { + display: none !important; +} + +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + height: var(--sidebarTabHeight); +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner { + padding: 0px; + margin: 0px; + gap: 0px; + width: 100%; +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { + flex-grow: 1; + height: var(--sidebarTabHeight); +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header-inner { + padding: 0px; + margin: 0px; + gap: 0px; + display: flex; + flex: 1 1 1px; +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-tab-list { + display: none; +} +:is(.mod-left-split, .mod-right-split) .workspace-tabs.mod-top .workspace-tab-header-container { + height: calc(var(--sidebarTabHeight) + var(--dragSpaceHeight)); +} +:is(.mod-left-split, .mod-right-split) .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { + margin-top: var(--dragSpaceHeight); +} + +.is-hidden-frameless:not(.is-fullscreen) .mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container, +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + padding-right: 0px; + margin-right: var(--frame-right-space); +} + +.workspace-tabs.mod-top-right-space .workspace-tab-header-container:after { + display: none; +} + +.cornerDragLocation .mod-left-split .workspace-tab-header-container-inner { + margin-left: 40px; +} + +body:not(.disableExtendRightSidebarMinimum) .mod-right-split { + min-width: 260px; +} + +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + gap: 0px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher { + padding: 0px; + margin: 0px; + gap: 0px; + height: 40px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher .workspace-drawer-vault-switcher-icon { + margin-left: 5px; + margin-right: 5px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions span { + width: 40px; + height: 40px; +} + +.body.is-frameless.is-hidden-frameless .titlebar { + height: var(--titlebarButtonHeight); +} + +.titlebar-button-container.mod-right { + height: var(--titlebarButtonHeight); +} +.titlebar-button-container.mod-right .titlebar-button { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--titlebarButtonWidth); + height: var(--titlebarButtonHeight); +} +.titlebar-button-container.mod-right .titlebar-button svg { + margin: auto; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-split.mod-horizontal.mod-right-split .workspace-tab-header-container { + padding-right: 0px; + margin-right: var(--titlebarButtonWidth); +} + +.titlebar-inner, +.is-focused .titlebar-inner { + color: var(--icon-color); +} + +body:not(.qe-title-center):not(.qe-title-hide) .titlebar-text.qe-replacement, +.titlebar-text { + padding-right: calc(var(--rightFrameSetTo) + 5px); +} + +.titlebar-button-container.mod-right { + app-region: no-drag; +} + +.workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + height: calc(var(--editorTabHeight) + var(--dragSpaceHeight)); +} +.workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { + margin-top: var(--dragSpaceHeight); +} +.workspace .mod-root .workspace-tab-header-container { + padding: 0px; + margin: 0px; + gap: 0px; + border-bottom: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorTabHeight); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorTabHeight); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner::after { + width: 0px; + height: 0px; + background-color: transparent; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 5px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + padding: 0px; + margin: 0px; + gap: 0px; + min-width: 40px; + height: 100%; + display: none; + position: absolute; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button svg { + margin: auto; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button:hover { + background-color: var(--background-modifier-hover); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner:not(:has(.mod-pinned)), .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner:not(:has(.mod-pinned)) { + padding-right: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: flex; + position: static; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header::before { + width: 0px; + height: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header::after { + width: 0px; + height: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-tab-list { + display: none; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-new-tab { + padding: 0px; + margin: 0px; + gap: 0px; + align-items: flex-end; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-new-tab .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--editorTabHeight); + height: var(--editorTabHeight); +} + +.disableXButtons .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner { + padding-right: 3px; +} +.disableXButtons .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: none !important; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container { + padding-left: 0px; +} + +.tabTitleWordWrap .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + overflow-wrap: break-word; + word-break: break-word; + white-space: normal; +} + +.tabTitleCentered .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 0px; + text-align: center; +} + +.workspace-tabs:not(.mod-top) { + --dragSpaceHeight: 0px; +} + +body:not(.stackTabs).editorDragSpace .mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-new-tab { + margin-right: 40px; +} + +.is-hidden-frameless:not(.is-fullscreen):not(.mod-macos) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after { + --frame-right-space: 0px; + width: 0px; +} + +.stackTabs .workspace .mod-root .workspace-tabs { + flex-direction: row; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-spacer { + flex-grow: 0; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) { + height: 100%; + flex-direction: column; + background-color: var(--background-secondary); + padding-right: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-new-tab { + margin-left: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-new-tab .clickable-icon { + width: 100%; + height: var(--editorTabHeightStack); +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner { + --animation-dur: 0ms !important; + flex-direction: column; + flex-grow: 1; + justify-content: left; + align-items: flex-start; + margin-top: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header { + flex-basis: 0px; + height: 0px; + max-height: var(--editorTabHeightStack); + max-width: var(--editorStackWidth); + flex-grow: 1; + min-width: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner { + flex-grow: 1; + height: 100%; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 5%; + display: flex; + flex-grow: 1; + flex-basis: 40px; + flex-shrink: 1; +} + +.disableXButtons.stackTabs .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: none !important; +}/*# sourceMappingURL=sSquareUI.css.map */ \ No newline at end of file diff --git a/.obsidian/snippets/sTopBacklinks.css b/.obsidian/snippets/sTopBacklinks.css new file mode 100644 index 0000000..32ccadf --- /dev/null +++ b/.obsidian/snippets/sTopBacklinks.css @@ -0,0 +1,84 @@ +@charset "UTF-8"; +/* + Top Backlinks + Toplinks (I.E. LYT/Ideaverse) are obnoxious to manually maintain. This snippet turns the backlinks's panel at the bottom into an autommatic "Toplinks" section. + To adjust the characters before/after toplinks, go to the bottom. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) { + display: flex; + flex-direction: column; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + order: -1; + min-height: unset !important; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer):has(> .backlink-pane > .search-result-container > .search-empty-state) { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .nav-header { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane > .tree-item-self { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container { + padding: 0px; + margin: 0px; + gap: 0px; + padding-bottom: 10px; + border-bottom: 2px solid var(--hr-color); + margin-bottom: 10px; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children { + display: flex; + flex-wrap: wrap; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result { + display: flex; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-matches { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable:hover { + background-color: transparent; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-icon { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-flair-outer { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner { + line-height: 35px; + font-size: var(--font-text-size); + white-space: nowrap; + color: var(--link-color); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner:hover { + color: var(--link-color-hover); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner:hover::before { + text-decoration-line: none; + text-decoration: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner::before { + content: "႟"; + color: var(--text-normal); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner::after { + content: ""; + color: var(--text-normal); +}/*# sourceMappingURL=sTopBacklinks.css.map */ \ No newline at end of file diff --git a/README.md b/README.md index 2f78f82..5e4b5b0 100644 --- a/README.md +++ b/README.md @@ -89,7 +89,9 @@ Alternatively, for a more granular approach, open the links below to view and co - [Colourful headings underline and divider](Snippets/Colourful%20headings%20underline%20and%20divider.md) - [Command palette styling 01](Snippets/Command%20palette%20styling%2001.md) - [Command palette styling 02](Snippets/Command%20palette%20styling%2002.md) + - [Command Palette - Dense](Snippets/Command%20palette%20-%20Dense.md) - [Compact tabs](Snippets/Compact%20tabs.md) + - [Dense Settings](Snippets/Dense%20Settings.md) - [Empty tab styling](Snippets/Empty%20tab%20styling.md) - [Equally spaced dataview columns](Snippets/Equally%20spaced%20dataview%20columns.md) - [External link styling 01](Snippets/External%20link%20styling%2001.md) @@ -116,22 +118,32 @@ Alternatively, for a more granular approach, open the links below to view and co - [Kanban styling - Notion like Kanban board](Snippets/Kanban%20styling%20-%20Notion%20like%20Kanban%20board.md) - [Kanban styling - background customized](Snippets/Kanban%20styling%20-%20background%20customized.md) - [Left aligned note header](Snippets/Left%20aligned%20note%20header.md) + - [Left Aligned Settings Controls](Snippets/Left%20Aligned%20Settings%20Controls.md) - [Link styling 01](Snippets/Link%20styling%2001.md) - [Loading screen tweak](Snippets/Loading%20screen%20tweak.md) + - [Mini Mode](Snippets/Mini%20Mode.md) - [Multicolumn note](Snippets/Multicolumn%20note.md) + - [Nearer Total Numbers](Snippets/Nearer%20Total%20Numbers.md) - [New note button](Snippets/New%20note%20button.md) + - [No Animations](Snippets/No%20Animations.md) - [Note icon](Snippets/Note%20icon.md) - [Outline numbering](Snippets/Outline%20numbering.md) - [Pinned tab styling](Snippets/Pinned%20tab%20styling.md) - [Popover border](Snippets/Popover%20border.md) + - [Positionable Prompt](Snippets/Positionable%20Prompt.md) + - [Positionable Settings](Snippets/Positionable%20Settings.md) - [Progress bar styling](Snippets/Progress%20bar%20styling.md) - [Properties into two columns](Snippets/Properties%20into%20two%20columns.md) - [Properties on hover](Snippets/Properties%20on%20hover.md) + - [Resizable Resize Bars](Snippets/Resizable%20Resize%20Bars.md) + - [Resizable Scroll Bars](Snippets/Resizable%20Scroll%20Bars.md) - [Safari tabs](Snippets/Safari%20tabs.md) - [Show note header on hover](Snippets/Show%20note%20header%20on%20hover.md) - [Sidenote callout 01](Snippets/Sidenote%20callout%2001.md) - [Sidenote callout 02](Snippets/Sidenote%20callout%2002.md) + - [Simple Editor](Snippets/Simple%20Editor.md) - [Spoiler text](Snippets/Spoiler%20text.md) + - [Square UI](Snippets/Square%20UI.md) - [Table styling - Centred table](Snippets/Table%20styling%20-%20Centred%20table.md) - [Table styling - Left column header](Snippets/Table%20styling%20-%20Left%20column%20header.md) - [Table styling - Rounded corners](Snippets/Table%20styling%20-%20Rounded%20corners.md) @@ -140,8 +152,10 @@ Alternatively, for a more granular approach, open the links below to view and co - [Tag styling - Hide hash symbol](Snippets/Tag%20styling%20-%20Hide%20hash%20symbol.md) - [Tag styling 01](Snippets/Tag%20styling%2001.md) - [Tags styling - Rainbow tags](Snippets/Tags%20styling%20-%20Rainbow%20tags.md) + - [Tags styling - Simple Tags](Snippets/Tags%20styling%20-%20Simple%20Tags.md) - [Tags styling - Target specific tag](Snippets/Tags%20styling%20-%20Target%20specific%20tag.md) - [Tooltip styling](Snippets/Tooltip%20styling.md) + - [Top Backlinks](Snippets/Top%20Backlinks.md) - [Unordered list styling 01](Snippets/Unordered%20list%20styling%2001.md) - [Unordered list styling 02](Snippets/Unordered%20list%20styling%2002.md) - [Vertical label arrangement](Snippets/Vertical%20label%20arrangement.md) diff --git a/Snippets/Command Palette - Dense.md b/Snippets/Command Palette - Dense.md new file mode 100644 index 0000000..f98974d --- /dev/null +++ b/Snippets/Command Palette - Dense.md @@ -0,0 +1,61 @@ +↪[Collection](Collection.md) + +# Dense Prompt + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sDensePrompt". + +cover:: ![](https://i.imgur.com/e8UW9p6.png) + +``` +/* + Dense Prompt + This modifies the prompt window (Ctrl+P) to be more dense; this allows it to display more results. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.modal-container .prompt .prompt-input-container { + margin-top: 5px; + margin-left: 5px; + margin-right: 5px; +} +.modal-container .prompt .prompt-input-container input.prompt-input { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; + padding-right: 5px; + font-size: var(--font-text-size); +} +.modal-container .prompt .prompt-results { + padding: 0px; + margin: 0px; + gap: 0px; +} +.modal-container .prompt .prompt-results .suggestion-item { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; + padding-top: 3px; + padding-bottom: 3px; +} +.modal-container .prompt .prompt-results .suggestion-item.mod-complex { + justify-content: flex-start; +}/*# sourceMappingURL=sDensePrompt.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Dense Settings.md b/Snippets/Dense Settings.md new file mode 100644 index 0000000..b28be54 --- /dev/null +++ b/Snippets/Dense Settings.md @@ -0,0 +1,108 @@ +↪[Collection](Collection.md) + +# Dense Settings + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sDenseSettings". + +cover:: ![](https://i.imgur.com/acu45pG.png) + +``` +/* + Dense Settings + This makes the settings (both the sidebar and main section) more dense, allowing for more information to be displayed. + Why? It can often be obnoxious navigating the normal Obsidian settings, which give an excess of spacing to the detriment of seeing the full picture. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.modal.mod-settings .vertical-tab-header { + padding-left: 5px; + padding-right: 5px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group { + padding: 0px; + margin: 0px; + gap: 0px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items { + padding: 0px; + margin: 0px; + gap: 0px; + font-size: 18px; + margin-top: 5px; + color: var(--text-normal); +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title .vertical-tab-nav-item, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item { + padding: 0px; + margin: 0px; + gap: 0px; + border-bottom: 1px solid var(--separatorColorSettings); + padding: 1px; + padding-left: 5px; +} +.modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-title .vertical-tab-nav-item:last-of-type, .modal.mod-settings .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item:last-of-type { + border-bottom: 0px; +} +.modal.mod-settings .vertical-tab-content { + padding: 0px; + margin: 0px; + gap: 0px; + padding-left: 5px; +} +.modal.mod-settings .setting-item { + padding: 0px; + margin: 0px; + gap: 0px; + border-top: 1px solid var(--levelLayer); + padding-top: 5px; + padding-bottom: 5px; +} +.modal.mod-settings .setting-item .setting-item-info .setting-item-description { + padding-top: 0px; +} +.modal.mod-settings .setting-item .setting-item-control { + gap: 5px; + margin-right: 10px; +} +.modal.mod-settings .setting-item .setting-item-control .dropdown, .modal.mod-settings .setting-item .setting-item-control .search-input-container { + text-wrap: wrap; + padding-top: 5px; + padding-bottom: 5px; + display: flex; +} +body:not(.disableLeftAlignSettings) .modal.mod-settings :is(h1, h2, h3, h4, h5, h6) { + padding-left: calc(var(--settingsLeftColumnLength) - 20px); +} +body:not(.disableLeftAlignSettings) .modal.mod-settings :is(h1, h2, h3, h4, h5, h6) .setting-item-name { + margin-left: 10px; +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) { + font-size: 20px; + padding-top: 5px; + padding-bottom: 5px; + line-height: 26px; + background: var(--settingsHeaderGradient); +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) .setting-item-name { + font-size: 20px; + margin-left: 10px; +} +.modal.mod-settings :is(h1, h2, h3, h4, h5, h6, .setting-item-heading) .setting-item-control { + min-width: calc(var(--settingsLeftColumnLength) - 30px) !important; +}/*# sourceMappingURL=sDenseSettings.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Left Aligned Settings Controls.md b/Snippets/Left Aligned Settings Controls.md new file mode 100644 index 0000000..cfde752 --- /dev/null +++ b/Snippets/Left Aligned Settings Controls.md @@ -0,0 +1,72 @@ +↪[Collection](Collection.md) + +# Left Aligned Settings Controls + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sLeftAlignSettingsControls". + +cover:: ![](https://i.imgur.com/2xfBHwO.png) + +``` +/* + Left Aligned Settings Controls + This makes interactable elements in the settings menu left-aligned, pushing against the text. + It makes it much clearer which interactable belongs to which setting, and elegantly sectionally divides the window. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --settingsLeftColumnLength: 200px; +} + +/* @settings +name: Left Aligned Settings Controls +id: ScrollBar +settings: + - + id: settingsLeftColumnLength + title: Left Column Width + description: The width of the controls' column. + type: variable-number-slider + default: 200 + min: 150 + max: 350 + step: 2 + format: px +*/ +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control { + order: -1; + flex-grow: 0; + flex-shrink: 0; + min-width: var(--settingsLeftColumnLength); + margin-right: 10px; + max-width: var(--settingsLeftColumnLength); + flex-wrap: wrap; +} +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control .dropdown, body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control .search-input-container { + text-wrap: wrap; + max-width: var(--settingsLeftColumnLength); + height: initial; + padding-top: 5px; + padding-bottom: 5px; + display: flex; +} +body:not(.disableLeftAlignSettings):not(.is-mobile) .modal.mod-settings .vertical-tab-content:not(.file-explorer-plus) .setting-item-control textarea { + max-width: var(--settingsLeftColumnLength); +}/*# sourceMappingURL=sLeftAlignSettingsControls.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Mini Mode.md b/Snippets/Mini Mode.md new file mode 100644 index 0000000..5970b27 --- /dev/null +++ b/Snippets/Mini Mode.md @@ -0,0 +1,55 @@ +↪[Collection](Collection.md) + +# Mini Mode + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sMiniMode". + +cover:: ![](https://i.imgur.com/bnvun8P.png) + +``` +/* + Mini Mode + Turn Obsidian into a convenient little notepad - just by resizing it. + This snippet will cause the sidebars, title bar, and status bar to disappear when the window below a certain width. + You'll have to change the minimum width that the "mini mode" activates at to your preference manually - this can't be changed in Style Settings due to CSS limitations. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +@media only screen and (max-width: 900px) { + body:not(.disableMiniMode) .mod-right-split { + display: none; + } + body:not(.disableMiniMode) .mod-left-split { + display: none; + } + body:not(.disableMiniMode) .workspace-ribbon { + display: none; + } + body:not(.disableMiniMode) .status-bar { + display: none; + } + body:not(.disableMiniMode) .workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + --frame-right-space: var(--rightFrameSetTo); + margin-right: var(--frame-right-space); + } + body.stackTabs:not(.disableMiniMode) .workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + margin-right: 0px; + } +}/*# sourceMappingURL=sMiniMode.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Nearer Total Numbers.md b/Snippets/Nearer Total Numbers.md new file mode 100644 index 0000000..ee0af91 --- /dev/null +++ b/Snippets/Nearer Total Numbers.md @@ -0,0 +1,59 @@ +↪[Collection](Collection.md) + +# Nearer Total Numbers + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sNearerTotalNumbers". + +cover:: ![](https://i.imgur.com/kzA6yyD.png) + + + + +``` +/* + Nearer Total Numbers + This modifies how the number in the search, tags, backlinks/outlinks, etc works. + It moves it to the left alongside the text, which makes it easier and less ambiguous which number belongs to which word. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +.tree-item-self .tree-item-icon { + order: 0; +} +.tree-item-self .tree-item-flair-outer { + padding: 0px; + margin: 0px; + gap: 0px; + order: 1; + padding-right: 5px; + padding-left: 5px; +} +.tree-item-self .tree-item-flair-outer .tree-item-flair { + font-size: var(--outlineLevelFontSize); + color: var(--text-normal); +} +.tree-item-self .tree-item-inner { + order: 2; +} + +.workspace-leaf-content[data-type=search] .tree-item-self:has(.tree-item-icon) .tree-item-flair::after { + position: relative; + content: ":"; +}/*# sourceMappingURL=sNearerTotalNumbers.css.map */ +``` \ No newline at end of file diff --git a/Snippets/No Animations.md b/Snippets/No Animations.md new file mode 100644 index 0000000..c64ca18 --- /dev/null +++ b/Snippets/No Animations.md @@ -0,0 +1,53 @@ +↪[Collection](Collection.md) + +# No Animations + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sNoAnimation". + +cover:: ![](https://i.imgur.com/Lk18z4F.png) + +``` +/* + No Animations + This snippet disables animations. It includes a feature to workaround a problem causing the sidebars to close more slowly, and a fix for issues with the file browser display. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/10/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". +*/ +/* Animation Disabler */ +*, *:after, *:before { + /*CSS transitions*/ + transition-property: none !important; + transition: none !important; + /*CSS transforms*/ + /*CSS animations*/ + animation: none !important; +} + +body .workspace-split.mod-horizontal.mod-left-split.is-sidedock-collapsed { + display: none !important; +} + +body .workspace-split.mod-horizontal.mod-right-split.is-sidedock-collapsed { + display: none !important; +} + +.workspace-leaf-content { + animation: 0.03s fade cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; +} +``` \ No newline at end of file diff --git a/Snippets/Positionable Prompt.md b/Snippets/Positionable Prompt.md new file mode 100644 index 0000000..3fefa51 --- /dev/null +++ b/Snippets/Positionable Prompt.md @@ -0,0 +1,188 @@ +↪[Collection](Collection.md) + +# Positionable Prompt + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sPositionablePrompt". + +cover:: ![](https://i.imgur.com/5tRyiXE.png) + +``` +/* + Positionable Prompt + Intended with Style Settings + This allows for granular control of the size and position of the prompt (Ctrl+P) window. + Options: + * Which corner to anchor in, or centered + * Height/width in percentages + * X/Y offsets in pixels + * Minimum width in pixels +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --modalOffsetX: 250px; + --modalMinWidth: 600px; +} + +/* @settings +name: Prompt Positioning +id: PromptPositioning +settings: + - + id: modalAlignment + title: Prompt Alignment + description: Pick the compass direction that the generic (file seeking, etc...) prompt is aligned to. + type: class-select + allowEmpty: false + default: modalSAlign + options: + - + label: Centered + value: modalCAlign + - + label: North + value: modalNAlign + - + label: Northeast + value: modalNEAlign + - + label: East + value: modalEAlign + - + label: Southeast + value: modalSEAlign + - + label: South + value: modalSAlign + - + label: Southwest + value: modalSWAlign + - + label: West + value: modalWAlign + - + label: Northwest + value: modalNWAlign + - + id: modalHSize + title: Prompt Height + description: In percentage, choose the height of the prompt. + type: variable-number-slider + default: 50 + min: 20 + max: 100 + step: 5 + format: "%" + - + id: modalWSize + title: Prompt Width + description: In percentage, choose the width of the prompt. + type: variable-number-slider + default: 35 + min: 20 + max: 100 + step: 5 + format: "%" + - + id: modalOffsetX + title: Prompt X Offset + description: Choose an X offset for the prompt. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 250 + min: -1000 + max: 1000 + step: 25 + format: px + - + id: modalOffsetY + title: Prompt Y Offset + description: Choose a Y offset for the prompt. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -500 + max: 500 + step: 10 + format: px + - + id: modalMinWidth + title: Prompt Min Width + description: The prompt window is not allowed to become any smaller than this size. The max size is defined by the above setting. + type: variable-number-slider + default: 300 + min: 200 + max: 1200 + step: 10 + format: px +*/ +body:not(.is-mobile) .modal-container .prompt { + position: absolute; + top: 50%; + left: 50%; + height: 50%; +} + +.css-settings-manager:not(.is-mobile) .modal-container .prompt { + position: absolute; + top: unset; + left: unset; + min-height: var(--modalHSize); + max-height: var(--modalHSize); + min-width: var(--modalMinWidth); + width: var(--modalWSize); + max-width: var(--modalWSize); + margin-left: var(--modalOffsetX); + margin-bottom: var(--modalOffsetY); +} + +:not(.is-mobile).modalNAlign .modal-container .prompt { + top: 0%; +} + +:not(.is-mobile).modalNEAlign .modal-container .prompt { + top: 0%; + right: 0%; +} + +:not(.is-mobile).modalEAlign .modal-container .prompt { + right: 0%; +} + +:not(.is-mobile).modalSEAlign .modal-container .prompt { + bottom: 0%; + right: 0%; +} + +:not(.is-mobile).modalSAlign .modal-container .prompt { + bottom: 0%; +} + +:not(.is-mobile).modalSWAlign .modal-container .prompt { + bottom: 0%; + left: 0%; +} + +:not(.is-mobile).modalWAlign .modal-container .prompt { + left: 0%; +} + +:not(.is-mobile).modalNWAlign .modal-container .prompt { + top: 0%; + left: 0%; +}/*# sourceMappingURL=sPositionablePrompt.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Positionable Settings.md b/Snippets/Positionable Settings.md new file mode 100644 index 0000000..69712f8 --- /dev/null +++ b/Snippets/Positionable Settings.md @@ -0,0 +1,198 @@ +↪[Collection](Collection.md) + +# Positionable Prompt + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sPositionableSettings". + +cover:: ![](https://i.imgur.com/4feOCUx.png) + +``` +/* + Positionable Settings + Intended with Style Settings + This allows for granular control of the size and position of the settings window. + Options: + * Which corner to anchor in, or centered + * Height/width in percentages + * X/Y offsets in pixels + * Minimum width in pixels +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --settingsHSize: 100%; + --settingsWSize: 60%; + --settingsOffsetX: 0px; + --settingsMinWidth: 800px; +} + +/* @settings +name: Settings Positioning +id: SettingsPositioning +settings: + - + id: settingsAlignment + title: Settings Alignment + description: Pick the compass direction that the generic (file seeking, etc...) settings is aligned to. + type: class-select + allowEmpty: false + default: settingsWAlign + options: + - + label: Centered + value: settingsCAlign + - + label: North + value: settingsNAlign + - + label: Northeast + value: settingsNEAlign + - + label: East + value: settingsEAlign + - + label: Southeast + value: settingsSEAlign + - + label: South + value: settingsSAlign + - + label: Southwest + value: settingsSWAlign + - + label: West + value: settingsWAlign + - + label: Northwest + value: settingsNWAlign + - + id: settingsHSize + title: Settings Height + description: In percentage, choose the height of the settings. + type: variable-number-slider + default: 100 + min: 35 + max: 100 + step: 5 + format: "%" + - + id: settingsWSize + title: Settings Width + description: In percentage, choose the width of the settings. + type: variable-number-slider + default: 60 + min: 50 + max: 100 + step: 5 + format: "%" + - + id: settingsOffsetX + title: Settings X Offset + description: Choose an X offset for the settings. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -520 + max: 520 + step: 40 + format: px + - + id: settingsOffsetY + title: Settings Y Offset + description: Choose a Y offset for the settings. If uncarefully applied, will cause it to move offscreen. + type: variable-number-slider + default: 0 + min: -500 + max: 500 + step: 10 + format: px + - + id: settingsMinWidth + title: Settings Min Width + description: The settings window is not allowed to become any smaller than this size. The max size is defined by the above setting. + type: variable-number-slider + default: 800 + min: 500 + max: 1200 + step: 10 + format: px +*/ +body:not(.css-settings-manager):not(.is-mobile) .modal-container:has(> .mod-settings) { + align-items: flex-start; +} +body:not(.css-settings-manager):not(.is-mobile) .modal-container:has(> .mod-settings) .modal.mod-settings { + margin-left: 40px; + height: 100%; + width: 90%; + min-width: var(--settingsMinWidth); +} + +body:not(.is-mobile) .css-settings-manager .modal-container:has(> .mod-settings) { + align-items: center; + justify-content: center; +} + +.css-settings-manager:not(.is-mobile) .modal.mod-settings { + position: absolute; + top: unset; + left: unset; + min-width: unset; + min-height: var(--settingsHSize); + max-height: var(--settingsHSize); + min-width: var(--settingsMinWidth); + max-width: var(--settingsWSize); + margin-left: calc(var(--settingsOffsetX) + 40px); + margin-bottom: var(--settingsOffsetY); +} + +:not(.is-mobile).settingsNAlign .modal.mod-settings { + top: 0%; +} + +:not(.is-mobile).settingsNEAlign .modal.mod-settings { + top: 0%; + right: 0%; +} + +:not(.is-mobile).settingsEAlign .modal.mod-settings { + right: 0%; +} + +:not(.is-mobile).settingsSEAlign .modal.mod-settings { + bottom: 0%; + right: 0%; +} + +:not(.is-mobile).settingsSAlign .modal.mod-settings { + bottom: 0%; +} + +:not(.is-mobile).settingsSWAlign .modal.mod-settings { + bottom: 0%; + left: 0%; +} + +:not(.is-mobile).settingsWAlign .modal.mod-settings { + left: 0%; +} + +:not(.is-mobile).settingsNWAlign .modal.mod-settings { + top: 0%; + left: 0%; +}/*# sourceMappingURL=sPositionableSettings.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Resizable Resize Bars.md b/Snippets/Resizable Resize Bars.md new file mode 100644 index 0000000..9c11cd4 --- /dev/null +++ b/Snippets/Resizable Resize Bars.md @@ -0,0 +1,116 @@ +↪[Collection](Collection.md) + +# Resizable Resize Bars + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sResizableResizeBars". + +cover:: ![](https://i.imgur.com/HdOdAkz.png) + +``` +/* + Resizable Resize Bars + This snippet allows for a configurable width on the "resize handles" that determine the width of the sidebars. + Why? It's very precise to click the handles normally. If you do that often, you might find it a useful quality-of-life improvement. + Width value can be configured with Style Settings. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body .app-container { + --handleSize: 20px; +} + +/* @settings +name: Resize Bars +id: ResizeBars +settings: + - + id: handleSize + title: Resize Bars Size + description: The size of the resize bars for each of the sidebars. + type: variable-number-slider + default: 16 + min: 4 + max: 30 + step: 2 + format: px +*/ +/* Resize Bars */ +body { + --divider-width: var(--handleSize); +} + +.workspace-split.mod-horizontal.mod-left-split > *:not(hr) { + padding-right: var(--handleSize); +} + +.workspace-split.mod-horizontal.mod-right-split > *:not(hr) { + padding-left: var(--handleSize); +} + +.mod-left-split .workspace-tabs { + padding-bottom: var(--handleSize); +} + +.mod-right-split .workspace-tabs { + padding-bottom: var(--handleSize); +} + +.workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions { + margin-right: calc(var(--handleSize)); +} + +.workspace-ribbon.side-dock-ribbon { + border-right: 0px; +} + +.mod-right-split .workspace-tabs:last-of-type, +.mod-left-split .workspace-tabs:last-of-type { + padding-bottom: 0; +} + +/* Vertical */ +.mod-left-split > hr, +.mod-right-split > hr { + width: var(--handleSize) !important; + right: calc(0 - var(--handleSize)); + box-sizing: border-box; + display: flex; + z-index: 99; + color: transparent; +} + +/* Vertical */ +.mod-left-split > hr:hover, +.mod-right-split > hr:hover { + color: var(--divider-color-hover); +} + +/* Horizontal */ +.mod-horizontal > div > hr:not(.mod-root hr) { + display: flex; + width: 100% !important; + height: var(--handleSize) !important; + flex-direction: column-reverse; + border-bottom: 0px !important; +} + +.mod-root .workspace-leaf-resize-handle { + --divider-width: 3px; +}/*# sourceMappingURL=sResizableResizeBars.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Resizable Scroll Bars.md b/Snippets/Resizable Scroll Bars.md new file mode 100644 index 0000000..aa022c9 --- /dev/null +++ b/Snippets/Resizable Scroll Bars.md @@ -0,0 +1,63 @@ +↪[Collection](Collection.md) + +# Resizable Scroll Bars + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sResizableScrollBar". + +cover:: ![](https://i.imgur.com/rlDgb9N.png) + +``` +/* + Resizable Scroll Bar + This snippet allows for you to configure the width of the scrollbar. + Why? It can be precise to click the scrollbar. If you use it often, you might find adding this makes your workflow more efficient. + Width value can be configured with Style Settings. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +body { + --scrollBarSize: 20px; +} + +/* @settings +name: Scroll Bar +id: ScrollBar +settings: + - + id: scrollBarSize + title: Scroll Bar Size + description: The width of the scrollbar on the side. + type: variable-number-slider + default: 16 + min: 4 + max: 30 + step: 2 + format: px +*/ +body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar, +body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar, +body:not(.native-scrollbars) ::-webkit-scrollbar { + width: var(--scrollBarSize); + border: 0px; +} + +.body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { + border: 0px; +}/*# sourceMappingURL=sResizableScrollbar.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Simple Editor.md b/Snippets/Simple Editor.md new file mode 100644 index 0000000..17140aa --- /dev/null +++ b/Snippets/Simple Editor.md @@ -0,0 +1,145 @@ +↪[Collection](Collection.md) + +# Simple Editor + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sSimpleEditor". + +cover:: ![](https://i.imgur.com/OonyK41.png) + +``` +/* + Simple Editor + This snippet enforces a uniform line-height in the editor, no matter what. I find this "pseudo notepad" environment preferable to the more chaotic, jerky formatting shifts that occur switching between modes otherwise. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +/* @settings +name: Simple Editor +id: SimpleEditor +settings: + - + id: disableSECodeblock + title: Disable Simple Editor Code Block + description: This switch disables the modified, line-height aligned codeblocks. + type: class-toggle + - + id: disableSECallout + title: Disable Simple Editor Callout + description: This switch disables the modified, line-height aligned callout. + type: class-toggle +*/ +body { + --h1-line-height: var(--line-height-normal); + --h2-line-height: var(--line-height-normal); + --h3-line-height: var(--line-height-normal); + --h4-line-height: var(--line-height-normal); + --h1-size: 1em; + --h2-size: 1em; + --h3-size: 1em; + --h4-size: 1em; + --h5-size: 1em; + --h6-size: 1em; + --p-spacing: 0px; + --line-height-normal: 1.25em; + --margin-scale: calc(var(--font-text-size) * 1.25); + --anp-font-preview-wt: 200; + --anp-font-editor-wt: 200; + --list-spacing: 0px; +} + +.workspace-split.mod-root .view-content { + background-color: var(--bottom); + padding-left: 5px; +} + +.centerAlignReadableLength .cm-sizer, .centerAlignReadableLength .markdown-preview-sizer { + margin-left: auto; + margin-right: auto; +} + +.markdown-rendered div:is(.el-p, .el-pre, .el-table, .el-ul, .el-ol) + div > :is(h1, h2, h3, h4, h5, h6), +.markdown-rendered :is(p, pre, table, ul, ol) + :is(h1, h2, h3, h4, h5, h6), +.markdown-rendered .markdown-preview-section :is(p, h1, h2, h3, h4, h5, h6) { + margin-top: var(--margin-scale); +} + +.markdown-rendered .markdown-preview-section blockquote :is(p, h1, h2, h3, h4, h5, h6):first-of-type { + margin-top: 0; +} + +.markdown-rendered .markdown-preview-section :is(h1, h2, h3, h4, h5, h6) { + margin-bottom: var(--margin-scale); +} + +.markdown-rendered .markdown-preview-section :is(h1, h2, h3, h4, h5, h6) + div p { + margin-top: 0; +} + +.markdown-rendered .markdown-preview-section .mod-header + div :is(p, h1, h2, h3, h4, h5, h6) { + margin-top: 0; +} + +.markdown-rendered div:is(.el-ul, .el-ol) { + margin-top: var(--margin-scale); +} + +.markdown-rendered hr { + margin-top: calc(var(--margin-scale) * 1.5); + height: calc(var(--margin-scale) * 0.5); + margin-bottom: 0px; +} + +.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { + padding-left: 5px; +} + +body:not(.disableSECodeblock) .markdown-rendered pre { + padding: 0px; + margin: 0px; + padding-left: 5px; + min-height: 0px; + margin-top: var(--margin-scale); + margin-bottom: var(--margin-scale); +} + +body:not(.disableSECodeblock) .markdown-rendered pre:before { + content: "```"; + display: block; +} + +body:not(.disableSECodeblock) .markdown-rendered pre:after { + content: "```"; + display: block; +} + +.footnote-ref { + vertical-align: text-bottom; +} + +body:not(.disableSECallout) .callout { + padding: 0px; + padding-left: 5px; + margin-top: var(--margin-scale); + margin-bottom: var(--margin-scale); +} + +body:not(.disableSECallout) .markdown-rendered .markdown-preview-section :is(.callout-content) > *:first-of-type { + margin-top: 0px; +}/*# sourceMappingURL=sSimpleEditor.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Square UI.md b/Snippets/Square UI.md new file mode 100644 index 0000000..6b0a98c --- /dev/null +++ b/Snippets/Square UI.md @@ -0,0 +1,800 @@ +↪[Collection](Collection.md) + +# Square UI + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sSquareUI". + +cover:: ![](https://i.imgur.com/0NTUDGI.png) + +``` +/* + Square UI + This modified UI focuses on ergonomics and space-usage. + Style Settings can be used to precisely control the size of elements. + Features: + - No more padding dead-zones. Anywhere. + - Sidebar tabs, and the buttons on the sidebars, fill the full space given. + - Right sidebar button functions as a fourth titlebar button. (Modifiable) + - Left sidebar button always anchored to top-left. (Modifiable) + - Much easier to interact with note title; and buttons there are also larger. + - Optional "Stack Tabs" mode - this literally stacks the tabs vertically on the window. + - This can be desirable for users with lots of tabs - you move your eyes less, and the tabs' titles won't be compressed by their density. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/10/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". +*/ +.workspace-tabs.mod-top-right-space { + background: var(--tab-container-background); +} + +body { + --scrollBarSize: 20px; + --handleSize: 20px; + --editorSize: 800px; + --sidebarTabHeight: 40px; + --sidebarDashboardHeight: 40px; + --editorTabHeight: 40px; + --editorTabHeightStack: 40px; + --editorStackWidth: 200px; + --dragSpaceHeight: 20px; + --ribbonWidth: 40px; + --ribbonButtonHeight: 40px; + --editorDashboardHeight: 40px; + --editorTabHeight: 40px; + --editorDashboardButtonsWidth: 20%; + --rightFrameSetTo: calc(var(--titlebarButtonWidth) * 4); + --titlebarButtonWidth: 40px; + --titlebarButtonHeight: 40px; +} + +body:is(.outsideSidebar_RBA, .insideSidebar_RBA) { + --rightFrameSetTo: calc(var(--titlebarButtonWidth) * 3); +} + +body { + --frame-right-space: var(--rightFrameSetTo); + --handleSize: 0px; +} + +body.stackTabs:not(.tabTooltips) .tooltip { + display: none; +} + +/* @settings +name: Square UI +id: SquareUI +settings: + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Shared UI Components (Scrollbar, Drag bars, Resize bars, Ribbon...) + type: heading + level: 2 + collapsed: true + - + id: ribbon-width + title: Ribbon Width + description: The width of the space occupied by the ribbon. + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: ribbonButtonHeight + title: Ribbon Button Height + description: The height of the ribbon buttons. + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: disableFastClose + title: Disable Sidebar Fast Close + description: Micro Mike uses a hack to make sidebars disappear immediately upon pressing the button. This disables that. + type: class-toggle + - + id: disableExtendRightSidebarMinimum + title: Disable Extended Right Sidebar Minimum Width + description: With the right sidebar button now on the title bar, Micro Mike makes the right sidebar longer to compensate - if you want. + type: class-toggle + default: true + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Text Editor + type: heading + level: 2 + collapsed: true + - + id: editorDashboardHeight + title: Editor Dashboard Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: this-is-a-heading------------------------------------------------------------------------------------------------------ + title: Tabs & Sidebars + type: heading + level: 2 + collapsed: true + - + id: stackTabs + title: Stack the tabs + description: The tabs will be stacked. + type: class-toggle + default: true + - + id: tabTooltips + title: Reenable Tab Tooltips + description: Tab tooltips are disabled for stacked tab mode - unless reenabled here. + type: class-toggle + - + id: disableXButtons + title: Disable Tab X Buttons + description: Did you know you can close tabs by middle clicking on them? + type: class-toggle + - + id: tabTitleWordWrap + title: Tab Title Word Wrap + description: If there is space and the title is long enough, the text will now overflow onto more lines. + type: class-toggle + - + id: tabTitleCentered + title: Center Tab Titles + type: class-toggle + - + id: editorStackWidth + title: Stack Tabs Width + description: The width of the stacked tabs. + type: variable-number-slider + default: 200 + min: 120 + max: 300 + step: 5 + format: px + - + id: editorTabHeightStack + title: Editor Stack Tab Height + description: Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: editorTabHeight + title: Editor (Non-Stack) Tab Height + description: Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: sidebarTabHeight + title: Sidebar Tab Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: sidebarDashboardHeight + title: Sidebar Dashboard Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 5 + format: px + - + id: cornerDragLocation + title: Corner Drag Location + description: This creates a space at the left corner where the window can be dragged. + type: class-toggle + - + id: editorDragSpace + title: Editor Drag Space + description: This creates a space at the right corner in editor tabs where the window can be dragged. + type: class-toggle + - + id: leftAlignedLeftSidebarButtonDisable + title: Disable Left Sidebar Button Corner Alignment + description: This allows you to disable the left corner positioning of the left sidebar button. + type: class-toggle + - + id: rightSidebarButtonAlignment + title: Right Sidebar Button Alignment + description: "This determines the alignment of the sidebar button.\n **titlebarAlign**: Acts as a fourth button on the titlebar.\n **outsideSidebar**: Creates a button on the outside of the sidebar to the right - this is the default behavior.\n **insideSidebar**: Creates a button inside the sidebar to the left." + type: class-select + allowEmpty: false + default: titlebarAlign_RBA + options: + - titlebarAlign_RBA + - outsideSidebar_RBA + - insideSidebar_RBA + - + id: this-is-a-heading --------------------------------------------------------------------------------------- + title: Title Bar + type: heading + level: 2 + collapsed: true + - + id: dragSpaceHeight + title: Drag Space Height + type: variable-number-slider + default: 20 + min: 0 + max: 80 + step: 5 + format: px + - + id: disableRightTitlebarOffset + title: Disable Titlebar Spacing + description: Space is made for the titlebar buttons. If the drag space height is high enough, then it doesn't overlap even without this. + type: class-toggle + - + id: titlebarButtonWidth + title: Titlebar Button Width + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 2 + format: px + - + id: titlebarButtonHeight + title: Titlebar Button Height + type: variable-number-slider + default: 40 + min: 20 + max: 80 + step: 2 + format: px +*/ +body { + --radius-s: 0px; + --radius-m: 0px; + --radius-l: 0px; + --radius-xl: 0px; + --tab-radius-active: 0px; + --input-radius: 0px; + --button-radius: 0px; +} + +body { + --header-height: var(--sidebarTabHeight); +} + +.nav-files-container, .tag-container { + padding: 0px; + margin: 0px; + gap: 0px; +} + +.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { + padding: 0px; + margin: 0px; + gap: 0px; +} + +body { + --header-height: var(--editorDashboardHeight); +} + +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorDashboardHeight); + min-height: var(--editorDashboardHeight); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div { + width: var(--editorDashboardButtonsWidth); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div > :is(button, a, div) { + padding: 0px; + margin: 0px; + gap: 0px; + flex-grow: 1; + height: var(--editorDashboardHeight); +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title-parent { + display: none; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title { + display: inline-block; + min-width: 100%; + text-align: center; + vertical-align: middle; + font-size: 20px; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header div .view-header-title::before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} +:is(.workspace-leaf-content[data-type=markdown], .workspace-leaf-content[data-type=empty]) .view-header .view-header-title-container::after { + height: 0px; + width: 0px; + display: none; +} + +body { + --ribbon-width: 40px; +} + +.workspace-ribbon.mod-left { + padding: 0px; + margin: 0px; + gap: 0px; + flex-basis: var(--ribbon-width); + margin-top: var(--ribbonButtonHeight); +} +.workspace-ribbon.mod-left .side-dock-settings, .workspace-ribbon.mod-left .side-dock-actions { + gap: 0px; +} +.workspace-ribbon.mod-left .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--ribbon-width); + height: var(--ribbonButtonHeight); +} +.workspace-ribbon.mod-left .sidebar-toggle-button.mod-left { + padding: 0px; + margin: 0px; + gap: 0px; +} + +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left, +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: 40px; + height: var(--sidebarTabHeight); +} + +:is(.mod-left-split, .workspace-split.mod-root) .sidebar-toggle-button.mod-left { + margin-top: var(--dragSpaceHeight); +} + +body:not(.leftAlignedLeftSidebarButtonDisable) .sidebar-toggle-button.mod-left { + order: -1; +} + +body:not(.leftAlignedLeftSidebarButtonDisable).cornerDragLocation .mod-left-split .workspace-tab-header-container-inner { + margin-left: 0px; +} +body:not(.leftAlignedLeftSidebarButtonDisable).cornerDragLocation .sidebar-toggle-button.mod-left { + order: -1; + margin-left: 40px; +} + +.workspace-tab-header-container .sidebar-toggle-button.mod-right { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--titlebarButtonHeight); + width: var(--titlebarButtonWidth); +} +.workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--titlebarButtonWidth); + height: var(--titlebarButtonHeight); +} + +body:not(.outsideSidebar_RBA):not(.insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + padding: 0px; + margin: 0px; + gap: 0px; + position: fixed; + right: calc(var(--titlebarButtonWidth) * 3); + z-index: 20; +} + +:is(.outsideSidebar_RBA, .insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + margin-top: var(--dragSpaceHeight); + height: var(--editorTabHeight); + width: var(--editorTabHeight); +} +:is(.outsideSidebar_RBA, .insideSidebar_RBA) .workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + width: var(--editorTabHeight); + height: var(--editorTabHeight); +} + +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs { + overflow: visible; +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs .workspace-tab-header-container .sidebar-toggle-button.mod-right { + position: absolute; + right: calc(0px - var(--handleSize) - 40px); + height: var(--sidebarTabHeight); + width: 40px; + z-index: 10; +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs .workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon { + width: 40px; + height: var(--sidebarTabHeight); +} +.insideSidebar_RBA:has(> * > * > * > .mod-right-split:not(.is-sidedock-collapsed)) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + margin-left: 40px; +} + +body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-tab-header-container .sidebar-toggle-button.mod-right { + top: 0px; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + margin-right: var(--frame-right-space); + padding-right: 0px; +} + +:is(.mod-windows, .mod-linux).stackTabs { + --frame-right-space: 0px; +} + +html .mod-windows .mod-root, +html .mod-linux .mod-root { + --frame-right-space: var(--rightFrameSetTo); +} + +html .mod-windows:not(.disableRightTitlebarOffset) .mod-right-split, +html .mod-linux:not(.disableRightTitlebarOffset) .mod-right-split { + --frame-right-space: var(--rightFrameSetTo); +} + +html .mod-windows.disableRightTitlebarOffset .mod-right-split, +html .mod-linux.disableRightTitlebarOffset .mod-right-split { + --frame-right-space: 0px; +} + +html .mod-windows:not(.stackTabs) .mod-root, +html .mod-linux:not(.stackTabs) .mod-root { + --frame-right-space: 0px; +} + +html .mod-windows.stackTabs .mod-root, +html .mod-linux.stackTabs .mod-root { + --frame-right-space: 0px; +} + +html .mod-windows:not(.stackTabs):not(.disableRightTitlebarOffset) .mod-root .mod-top-right-space, +html .mod-linux:not(.stackTabs):not(.disableRightTitlebarOffset) .mod-root .mod-top-right-space { + --frame-right-space: var(--rightFrameSetTo); +} + +.stackTabs .workspace:has(.mod-right-split.is-sidedock-collapsed) .workspace-tab-container .workspace-leaf .view-header { + --frame-right-space: var(--rightFrameSetTo); + margin-right: var(--frame-right-space); +} + +.nav-header { + padding: 0px; + margin: 0px; + gap: 0px; +} +.nav-header .nav-buttons-container { + padding: 0px; + margin: 0px; + gap: 0px; +} +.nav-header .nav-buttons-container .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--sidebarDashboardHeight); + flex-grow: 1; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-left-split.is-sidedock-collapsed { + display: none !important; +} + +body:not(.disableFastClose) .workspace-split.mod-horizontal.mod-right-split.is-sidedock-collapsed { + display: none !important; +} + +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + height: var(--sidebarTabHeight); +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner { + padding: 0px; + margin: 0px; + gap: 0px; + width: 100%; +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { + flex-grow: 1; + height: var(--sidebarTabHeight); +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header-inner { + padding: 0px; + margin: 0px; + gap: 0px; + display: flex; + flex: 1 1 1px; +} +:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container .workspace-tab-header-tab-list { + display: none; +} +:is(.mod-left-split, .mod-right-split) .workspace-tabs.mod-top .workspace-tab-header-container { + height: calc(var(--sidebarTabHeight) + var(--dragSpaceHeight)); +} +:is(.mod-left-split, .mod-right-split) .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { + margin-top: var(--dragSpaceHeight); +} + +.is-hidden-frameless:not(.is-fullscreen) .mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-container, +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { + padding-right: 0px; + margin-right: var(--frame-right-space); +} + +.workspace-tabs.mod-top-right-space .workspace-tab-header-container:after { + display: none; +} + +.cornerDragLocation .mod-left-split .workspace-tab-header-container-inner { + margin-left: 40px; +} + +body:not(.disableExtendRightSidebarMinimum) .mod-right-split { + min-width: 260px; +} + +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + gap: 0px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher { + padding: 0px; + margin: 0px; + gap: 0px; + height: 40px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher .workspace-drawer-vault-switcher-icon { + margin-left: 5px; + margin-right: 5px; +} +body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-actions span { + width: 40px; + height: 40px; +} + +.body.is-frameless.is-hidden-frameless .titlebar { + height: var(--titlebarButtonHeight); +} + +.titlebar-button-container.mod-right { + height: var(--titlebarButtonHeight); +} +.titlebar-button-container.mod-right .titlebar-button { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--titlebarButtonWidth); + height: var(--titlebarButtonHeight); +} +.titlebar-button-container.mod-right .titlebar-button svg { + margin: auto; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-split.mod-horizontal.mod-right-split .workspace-tab-header-container { + padding-right: 0px; + margin-right: var(--titlebarButtonWidth); +} + +.titlebar-inner, +.is-focused .titlebar-inner { + color: var(--icon-color); +} + +body:not(.qe-title-center):not(.qe-title-hide) .titlebar-text.qe-replacement, +.titlebar-text { + padding-right: calc(var(--rightFrameSetTo) + 5px); +} + +.titlebar-button-container.mod-right { + app-region: no-drag; +} + +.workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container { + height: calc(var(--editorTabHeight) + var(--dragSpaceHeight)); +} +.workspace .mod-root .workspace-tabs.mod-top .workspace-tab-header-container .workspace-tab-header-container-inner { + margin-top: var(--dragSpaceHeight); +} +.workspace .mod-root .workspace-tab-header-container { + padding: 0px; + margin: 0px; + gap: 0px; + border-bottom: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorTabHeight); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header { + padding: 0px; + margin: 0px; + gap: 0px; + height: var(--editorTabHeight); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner::after { + width: 0px; + height: 0px; + background-color: transparent; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 5px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + padding: 0px; + margin: 0px; + gap: 0px; + min-width: 40px; + height: 100%; + display: none; + position: absolute; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button svg { + margin: auto; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button:hover { + background-color: var(--background-modifier-hover); +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner:not(:has(.mod-pinned)), .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner:not(:has(.mod-pinned)) { + padding-right: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: flex; + position: static; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header::before { + width: 0px; + height: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header::after { + width: 0px; + height: 0px; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-tab-list { + display: none; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-new-tab { + padding: 0px; + margin: 0px; + gap: 0px; + align-items: flex-end; +} +.workspace .mod-root .workspace-tab-header-container .workspace-tab-header-new-tab .clickable-icon { + padding: 0px; + margin: 0px; + gap: 0px; + width: var(--editorTabHeight); + height: var(--editorTabHeight); +} + +.disableXButtons .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner { + padding-right: 3px; +} +.disableXButtons .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: none !important; +} + +.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container { + padding-left: 0px; +} + +.tabTitleWordWrap .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + overflow-wrap: break-word; + word-break: break-word; + white-space: normal; +} + +.tabTitleCentered .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 0px; + text-align: center; +} + +.workspace-tabs:not(.mod-top) { + --dragSpaceHeight: 0px; +} + +body:not(.stackTabs).editorDragSpace .mod-root .workspace-tabs .workspace-tab-header-container .workspace-tab-header-new-tab { + margin-right: 40px; +} + +.is-hidden-frameless:not(.is-fullscreen):not(.mod-macos) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after { + --frame-right-space: 0px; + width: 0px; +} + +.stackTabs .workspace .mod-root .workspace-tabs { + flex-direction: row; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-spacer { + flex-grow: 0; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) { + height: 100%; + flex-direction: column; + background-color: var(--background-secondary); + padding-right: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-new-tab { + margin-left: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-new-tab .clickable-icon { + width: 100%; + height: var(--editorTabHeightStack); +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner { + --animation-dur: 0ms !important; + flex-direction: column; + flex-grow: 1; + justify-content: left; + align-items: flex-start; + margin-top: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header { + flex-basis: 0px; + height: 0px; + max-height: var(--editorTabHeightStack); + max-width: var(--editorStackWidth); + flex-grow: 1; + min-width: 0px; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner { + flex-grow: 1; + height: 100%; +} +.stackTabs .workspace .mod-root .workspace-tabs .workspace-tab-header-container:nth-of-type(1) .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-title { + margin-left: 5%; + display: flex; + flex-grow: 1; + flex-basis: 40px; + flex-shrink: 1; +} + +.disableXButtons.stackTabs .workspace .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header .workspace-tab-header-inner .workspace-tab-header-inner-close-button { + display: none !important; +}/*# sourceMappingURL=sSquareUI.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Tags styling - Simple Tags.md b/Snippets/Tags styling - Simple Tags.md new file mode 100644 index 0000000..62d7b90 --- /dev/null +++ b/Snippets/Tags styling - Simple Tags.md @@ -0,0 +1,48 @@ +↪[Collection](Collection.md) + +# Simple Tags + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sSimpleTag". + +cover:: ![](https://i.imgur.com/RQH5ak3.png) + +``` +/* + Simple Tags + This simplifies the appearance of tags - they now are just text colored with the selected accent. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/10/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". +*/ +body { + --tag-size: va(--font-text-size); + --tag-color: var(--text-accent); + --tag-color-hover: var(--text-accent); + --tag-decoration: none; + --tag-decoration-hover: none; + --tag-background: transparent; + --tag-background-hover: transparent; + --tag-border-color: transparent; + --tag-border-color-hover: transparent; + --tag-border-width: 0px; + --tag-padding-x: 0px; + --tag-padding-y: 0px; + --tag-radius: 0px; + --tag-weight: inherit; +}/*# sourceMappingURL=sSimpleTag.css.map */ +``` \ No newline at end of file diff --git a/Snippets/Top Backlinks.md b/Snippets/Top Backlinks.md new file mode 100644 index 0000000..dbc2d0f --- /dev/null +++ b/Snippets/Top Backlinks.md @@ -0,0 +1,102 @@ +↪[Collection](Collection.md) + +# Top Backlinks + +--- + +- author:: ThisTheThe +- source:: https://github.com/ThisTheThe/MicroMike + +#MicroMike + +--- + +To try it out: Enable the snippet "sTopBacklinks". + +cover:: ![](https://i.imgur.com/VG2a46u.png) + +``` +@charset "UTF-8"; +/* + Top Backlinks + Toplinks (I.E. LYT/Ideaverse) are obnoxious to manually maintain. This snippet turns the backlinks's panel at the bottom into an autommatic "Toplinks" section. +*/ +/* + Author: ThisTheThe + Source: github.com/ThisTheThe/MicroMike + Version: 03/11/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". +*/ +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) { + display: flex; + flex-direction: column; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) { + padding: 0px; + margin: 0px; + border: 0px; + gap: 0px; + order: -1; + min-height: unset !important; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer):has(> .backlink-pane > .search-result-container > .search-empty-state) { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .nav-header { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane > .tree-item-self { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container { + padding: 0px; + margin: 0px; + gap: 0px; + padding-bottom: 10px; + border-bottom: 2px solid var(--hr-color); + margin-bottom: 10px; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children { + display: flex; + flex-wrap: wrap; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result { + display: flex; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-matches { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable:hover { + background-color: transparent; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-icon { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-flair-outer { + display: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner { + line-height: 35px; + font-size: var(--font-text-size); + white-space: nowrap; + color: var(--link-color); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner:hover { + color: var(--link-color-hover); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner:hover::before { + text-decoration-line: none; + text-decoration: none; +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner::before { + content: "႟"; + color: var(--text-normal); +} +:not(.disableToplinks) :is(.markdown-reading-view, .markdown-source-view) :is(.markdown-preview-sizer, .cm-sizer) :is(.embedded-backlinks, .mod-footer) .backlink-pane .search-result-container .search-results-children .search-result .search-result-file-title.tree-item-self.is-clickable .tree-item-inner::after { + content: ""; + color: var(--text-normal); +}/*# sourceMappingURL=sTopBacklinks.css.map */ +``` \ No newline at end of file