vault backup: 2025-03-07 11:27:41
Affected files: .obsidian/plugins/codeblock-customizer/data.json .obsidian/plugins/codeblock-customizer/main.js .obsidian/plugins/codeblock-customizer/manifest.json .obsidian/plugins/codeblock-customizer/styles.css .obsidian/plugins/dataview/main.js .obsidian/plugins/dataview/manifest.json .obsidian/plugins/obsidian-columns/main.js .obsidian/plugins/obsidian-columns/manifest.json .obsidian/plugins/obsidian-columns/styles.css .obsidian/plugins/obsidian-git/data.json .obsidian/plugins/obsidian-quiet-outline/main.js .obsidian/plugins/obsidian-quiet-outline/manifest.json .obsidian/plugins/obsidian-quiet-outline/styles.css .obsidian/plugins/obsidian-tasks-plugin/main.js .obsidian/plugins/obsidian-tasks-plugin/manifest.json .obsidian/plugins/obsidian-tasks-plugin/styles.css .obsidian/plugins/obsidian-tracker/main.js .obsidian/plugins/obsidian-tracker/manifest.json .obsidian/plugins/table-editor-obsidian/main.js .obsidian/plugins/table-editor-obsidian/manifest.json .obsidian/types.json
This commit is contained in:
431
.obsidian/plugins/codeblock-customizer/styles.css
vendored
431
.obsidian/plugins/codeblock-customizer/styles.css
vendored
@@ -1,6 +1,6 @@
|
||||
/* Define CSS variables */
|
||||
:root {
|
||||
--line-number-gutter-width: 32px;
|
||||
--line-number-gutter-width: 38px;
|
||||
--line-number-gutter-padding: 16px;
|
||||
--border-radius: 5px;
|
||||
--code-padding: 8px;
|
||||
@@ -232,14 +232,8 @@
|
||||
}
|
||||
|
||||
/* Highlighting */
|
||||
.codeblock-customizer-line-highlighted {
|
||||
background-color: var(--codeblock-customizer-codeblock-highlight-color) !important;
|
||||
}
|
||||
|
||||
.codeblock-customizer-highlight-text-enabled .codeblock-customizer-highlighted-text {
|
||||
background-color: var(--codeblock-customizer-codeblock-highlight-color) !important;
|
||||
}
|
||||
body:not(.codeblock-customizer-highlight-text-enabled) .codeblock-customizer-highlighted-text-line {
|
||||
.codeblock-customizer-line-highlighted,
|
||||
.codeblock-customizer-highlighted-text {
|
||||
background-color: var(--codeblock-customizer-codeblock-highlight-color) !important;
|
||||
}
|
||||
|
||||
@@ -254,7 +248,7 @@ body:not(.codeblock-customizer-highlight-text-enabled) .codeblock-customizer-hig
|
||||
|
||||
/* Active gutter line number highlight */
|
||||
.codeblock-customizer-gutter-active-line .cm-active [class^='codeblock-customizer-line-number'] {
|
||||
color: var(--gutter-active-linenr-color, var(--codeblock-customizer-gutter-active-linenr-color))
|
||||
color: var(--gutter-active-linenr-color, var(--codeblock-customizer-gutter-active-linenr-color));
|
||||
}
|
||||
|
||||
/* Inline code editor */
|
||||
@@ -295,16 +289,22 @@ body:not(.codeblock-customizer-highlight-text-enabled) .codeblock-customizer-hig
|
||||
}
|
||||
|
||||
/* Codeblock border styling */
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-line[style*="--border-color"] .codeblock-customizer-line-number-first {
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .markdown-rendered .codeblock-customizer-header-container-specific[class*="codeblock-customizer-languageSpecific-"]{
|
||||
border-top-left-radius: 0px;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .markdown-rendered .codeblock-customizer-header-container-specific[class*="codeblock-customizer-languageSpecific-"]{
|
||||
border-top-right-radius: 0px;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-line[style*="--codeblock-bordercolor"] .codeblock-customizer-line-number-first {
|
||||
border-top-left-radius: 0px !important;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .codeblock-customizer-line[style*="--border-color"] .codeblock-customizer-line-number-first {
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .codeblock-customizer-line[style*="--codeblock-bordercolor"] .codeblock-customizer-line-number-first {
|
||||
border-top-right-radius: 0px !important;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-line[style*="--border-color"] .codeblock-customizer-line-number-last {
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-line[style*="--codeblock-bordercolor"] .codeblock-customizer-line-number-last {
|
||||
border-bottom-left-radius: 0px !important;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .codeblock-customizer-line[style*="--border-color"] .codeblock-customizer-line-number-last {
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .codeblock-customizer-line[style*="--codeblock-bordercolor"] .codeblock-customizer-line-number-last {
|
||||
border-bottom-right-radius: 0px !important;
|
||||
}
|
||||
|
||||
@@ -312,7 +312,7 @@ body:not(.codeblock-customizer-highlight-text-enabled) .codeblock-customizer-hig
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .markdown-source-view .codeblock-customizer-header-container[class*=codeblock-customizer-language-][class*="hasLangBorderColor"],
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .markdown-source-view .codeblock-customizer-header-container-specific[class*=codeblock-customizer-language-][class*="hasLangBorderColor"],
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .markdown-rendered pre.codeblock-customizer-pre[class*=codeblock-customizer-language-][class*="hasLangBorderColor"] {
|
||||
border-left-color: var(--border-color);
|
||||
border-left-color: var(--codeblock-bordercolor);
|
||||
border-left-width: 5px;
|
||||
border-left-style: solid;
|
||||
}
|
||||
@@ -321,10 +321,16 @@ body:not(.codeblock-customizer-highlight-text-enabled) .codeblock-customizer-hig
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .markdown-source-view .codeblock-customizer-header-container[class*=codeblock-customizer-language-][class*="hasLangBorderColor"],
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .markdown-source-view .codeblock-customizer-header-container-specific[class*=codeblock-customizer-language-][class*="hasLangBorderColor"],
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .markdown-rendered pre.codeblock-customizer-pre[class*=codeblock-customizer-language-][class*="hasLangBorderColor"] {
|
||||
border-right-color: var(--border-color);
|
||||
border-right-color: var(--codeblock-bordercolor);
|
||||
border-right-width: 5px;
|
||||
border-right-style: solid;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-left .markdown-source-view .hasLangBorderColor.codeblock-customizer-fade-out-line3 {
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.codeblock-customizer.codeblock-customizer-style-codeblock-border-right .markdown-source-view .hasLangBorderColor.codeblock-customizer-fade-out-line3 {
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
.codeblock-customizer-header-container,
|
||||
.codeblock-customizer-header-container-specific {
|
||||
@@ -347,11 +353,11 @@ body.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-head
|
||||
/*.codeblock-customizer-show-langicons-always .codeblock-customizer-header-container ~ .copy-code-button,
|
||||
.codeblock-customizer-show-langnames-always .codeblock-customizer-header-container ~ .copy-code-button,
|
||||
.codeblock-customizer-header-collapse-command .codeblock-customizer-header-container ~ .copy-code-button*/
|
||||
.codeblock-customizer-show-langicons-always .codeblock-customizer-header-container ~ .codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-show-langnames-always .codeblock-customizer-header-container ~ .codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-header-collapse-command .codeblock-customizer-header-container ~ .codeblock-customizer-copy-code-button {
|
||||
/*.codeblock-customizer-show-langicons-always .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) ~ .codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-show-langnames-always .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) ~ .codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-header-collapse-command .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) ~ .codeblock-customizer-copy-code-button {
|
||||
margin-top: calc(var(--language-icon-size) + 6px) !important;
|
||||
}
|
||||
}*/
|
||||
/*.codeblock-customizer-header-container-specific ~ .copy-code-button*/
|
||||
.codeblock-customizer-header-container-specific ~ .codeblock-customizer-copy-code-button {
|
||||
margin-top: calc(var(--language-icon-size) + 6px) !important;
|
||||
@@ -367,9 +373,10 @@ body.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-head
|
||||
.markdown-rendered .codeblock-customizer-pre > code > .codeblock-customizer-lines-below-collapsed > .codeblock-customizer-line-number,
|
||||
.markdown-rendered .codeblock-customizer-pre > code > .codeblock-customizer-lines-below-collapsed > .codeblock-customizer-line-number-specific { /* Maintain gutter color when padded */
|
||||
/*box-shadow: 0px calc(-1 * var(--code-padding)) var(--codeblock-customizer-gutter-background-color);*/
|
||||
box-shadow:
|
||||
box-shadow: 0px calc(-1 * var(--code-padding)) var(--gutter-background-color, var(--codeblock-customizer-gutter-background-color));
|
||||
/*box-shadow:
|
||||
0px var(--code-padding) var(--gutter-background-color, var(--codeblock-customizer-gutter-background-color)),
|
||||
0px calc(-1 * var(--code-padding)) var(--gutter-background-color, var(--codeblock-customizer-gutter-background-color));
|
||||
0px calc(-1 * var(--code-padding)) var(--gutter-background-color, var(--codeblock-customizer-gutter-background-color));*/
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-pre > code > div:last-child > .codeblock-customizer-line-number,
|
||||
.markdown-rendered .codeblock-customizer-pre > code > div:last-child > .codeblock-customizer-line-number-specific,
|
||||
@@ -405,6 +412,7 @@ body.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-head
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
/*width: var(--gutter-width);*/
|
||||
/*width: var(--line-number-gutter-width);*/
|
||||
/*overflow-x: auto;*/ /* causes problem with shimmering focus and minimal */
|
||||
/*direction: rtl;*/
|
||||
@@ -414,11 +422,14 @@ body.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-head
|
||||
width: var(--line-number-gutter-width);
|
||||
}
|
||||
|
||||
.codeblock-customizer-line-number-first.codeblock-customizer-line-number-specific-number,
|
||||
/*.codeblock-customizer-line-number-first.codeblock-customizer-line-number-specific-number,
|
||||
.codeblock-customizer-line-number-last.codeblock-customizer-line-number-specific-number {
|
||||
width: var(--gutter-width);
|
||||
}
|
||||
}*/
|
||||
|
||||
.codeblock-customizer-line-number-specific {
|
||||
width: var(--gutter-width);
|
||||
}
|
||||
.codeblock-customizer .markdown-source-view .HyperMD-codeblock:has(.codeblock-customizer-line-number-specific-number) {
|
||||
--gutter-width: var(--line-number-gutter-width);
|
||||
padding-left: calc(var(--gutter-width) + var(--line-number-gutter-padding)) !important;
|
||||
@@ -446,6 +457,243 @@ body.codeblock-customizer-style-codeblock-border-left .codeblock-customizer-head
|
||||
padding-left: calc(var(--line-number-gutter-width) + var(--line-number-gutter-padding));
|
||||
}
|
||||
|
||||
/* Bracket highlight */
|
||||
.markdown-source-view [class*="codeblock-customizer-line"] .codeblock-customizer-bracket-highlight-match {
|
||||
color: var(--codeblock-bracket-highlight-color-match, var(--codeblock-customizer-codeblock-bracket-highlight-color-match));
|
||||
background-color: var(--codeblock-bracket-highlight-background-color-match, var(--codeblock-customizer-codeblock-bracket-highlight-background-color-match));
|
||||
}
|
||||
.markdown-source-view [class*="codeblock-customizer-line"] .codeblock-customizer-bracket-highlight-nomatch {
|
||||
color: var(--codeblock-bracket-highlight-color-nomatch, var(--codeblock-customizer-codeblock-bracket-highlight-color-nomatch));
|
||||
background-color: var(--codeblock-bracket-highlight-background-color-nomatch, var(--codeblock-customizer-codeblock-bracket-highlight-background-color-nomatch));
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-bracket-highlight-match:not([class*="codeblock-customizer-line"] .codeblock-customizer-bracket-highlight-match),
|
||||
.markdown-source-view .codeblock-customizer-bracket-highlight-nomatch:not([class*="codeblock-customizer-line"] .codeblock-customizer-bracket-highlight-nomatch) { /* dont apply to non-codeblock lines */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Selection highlight */
|
||||
.markdown-source-view .codeblock-customizer-line .cm-selectionMatch {
|
||||
background-color: var(--codeblock-selectionmatch-highlight-color, var(--codeblock-customizer-codeblock-selectionmatch-highlight-color));
|
||||
}
|
||||
.markdown-source-view .cm-selectionMatch:not(.codeblock-customizer-line .cm-selectionMatch) { /* dont apply to non-codeblock lines */
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* code wrapping */
|
||||
.markdown-rendered .codeblock-customizer-pre > code {
|
||||
white-space: var(--wrap-code) !important;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/* button container */
|
||||
.codeblock-customizer-button-container,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
right: 6px;
|
||||
display: flex;
|
||||
/*gap: 15px;*/
|
||||
font-family: var(--font-interface);
|
||||
font-size: var(--font-ui-smaller);
|
||||
height: calc(var(--language-icon-size) - 6px);
|
||||
}
|
||||
.codeblock-customizer-button-container {
|
||||
/*display: flex;*/
|
||||
top: 6px;
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-header-button-container {
|
||||
/*display: none;*/
|
||||
top: 2px;
|
||||
}
|
||||
.markdown-rendered pre:not(:hover) > .codeblock-customizer-button-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*.codeblock-customizer-header-container-specific:hover .codeblock-customizer-header-button-container {*/
|
||||
/*background-color: red;*/
|
||||
/*display: flex;
|
||||
}*/
|
||||
|
||||
/* don't show the header button container when the code block is collapsed */
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container {
|
||||
display: none;
|
||||
}
|
||||
/* show header button container on hover */
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container {
|
||||
display: flex;
|
||||
}
|
||||
/* hide select and delete code buttons for collapsed code blocks */
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)):hover .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded):hover .codeblock-customizer-header-button-container .codeblock-customizer-delete-code {
|
||||
display: none;
|
||||
}
|
||||
/* show header button container (copy code only) when enabled */
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container {
|
||||
display: flex;
|
||||
}
|
||||
/* hide select and delete code buttons when show (copy code only) is enabled */
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:not(:has(+ .HyperMD-codeblock-begin)) .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container .codeblock-customizer-select-code,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-always-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container:has(+ .HyperMD-codeblock-begin.semi-folded) .codeblock-customizer-header-button-container .codeblock-customizer-delete-code {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* don't display the first-line button container, when either header is specified, forced, or collapse command is used */
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langicons-always .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langnames-always .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container + .HyperMD-codeblock-begin .codeblock-customizer-button-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* shift button container to the left when collapse icon is displayed on the right side */
|
||||
.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container-specific:not(.noCollapseIcon) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langicons-always.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']):not(.noCollapseIcon) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langnames-always.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']):not(.noCollapseIcon) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container:not(.noCollapseIcon) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container-specific:not(.noCollapseIcon) .codeblock-customizer-header-button-container,
|
||||
.codeblock-customizer-collapseIconRight .markdown-source-view .codeblock-customizer-header-container:not(.noCollapseIcon) .codeblock-customizer-header-button-container {
|
||||
right: 38px;
|
||||
}
|
||||
.codeblock-customizer-collapseIconRight .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container-specific:not(.noCollapseIcon)) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-langicons-always .markdown-rendered .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']):not(.noCollapseIcon) ~ .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-langnames-always .markdown-rendered .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']):not(.noCollapseIcon) ~ .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-header-collapse-command .markdown-rendered .codeblock-customizer-header-container:not(.noCollapseIcon) ~ .codeblock-customizer-button-container {
|
||||
right: 38px;
|
||||
}
|
||||
|
||||
/* hide wrap code button for collapsed code blocks in reading view*/
|
||||
.markdown-rendered .codeblock-customizer-pre.codeblock-customizer-codeblock-collapsed .codeblock-customizer-button-container .codeblock-customizer-wrap-code,
|
||||
.markdown-rendered .codeblock-customizer-pre.codeblock-customizer-codeblock-semi-collapsed .codeblock-customizer-button-container .codeblock-customizer-wrap-code {
|
||||
display: none;
|
||||
}
|
||||
/* show button container (copy code only) when enabled */
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-rendered .codeblock-customizer-pre.codeblock-customizer-codeblock-collapsed .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-rendered .codeblock-customizer-pre.codeblock-customizer-codeblock-semi-collapsed .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-rendered .codeblock-customizer-pre:has(:not(.codeblock-customizer-codeblock-collapsed)) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-always-show-copy-code-button .markdown-rendered .codeblock-customizer-pre:has(:not(.codeblock-customizer-codeblock-semi-collapsed)) .codeblock-customizer-button-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* move button-container to the header */
|
||||
/*.markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langicons-always .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langnames-always .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) + .HyperMD-codeblock-begin .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) + .HyperMD-codeblock-begin .codeblock-customizer-button-container {
|
||||
top: -30px;
|
||||
}*/
|
||||
.markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container-specific) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langicons-always .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang'])) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-show-langnames-always .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang'])) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang'])) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container-specific) .codeblock-customizer-button-container,
|
||||
.codeblock-customizer-header-collapse-command .markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container) .codeblock-customizer-button-container {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* select code styling */
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-select-code,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-select-code {
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
color: var(--text-muted);
|
||||
cursor: var(--cursor);
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-select-code:hover,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-select-code:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
|
||||
/* delete code styling */
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-delete-code,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-delete-code {
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
color: var(--text-muted);
|
||||
cursor: var(--cursor);
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-delete-code:hover,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-delete-code:hover {
|
||||
background-color: var(--color-red);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* wrap code styling */
|
||||
.markdown-rendered .codeblock-customizer-wrap-code {
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
color: var(--text-muted);
|
||||
font-size: var(--font-ui-smaller);
|
||||
font-family: var(--font-interface);
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-wrap-code:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
.codeblock-customizer-wrap-code {
|
||||
display: none;
|
||||
}
|
||||
.codeblock-customizer-show-wrap-code-button .codeblock-customizer-wrap-code {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* copy code styling (edit mode) */
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-copy-code,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-copy-code {
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
color: var(--text-muted);
|
||||
cursor: var(--cursor);
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-button-container .codeblock-customizer-copy-code:hover,
|
||||
.markdown-source-view .codeblock-customizer-header-button-container .codeblock-customizer-copy-code:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
/* completely disable original copy code button in edit mode */
|
||||
.markdown-source-view.mod-cm6 .codeblock-customizer-line .code-block-flair {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* copy code button styling (reading view) */
|
||||
.markdown-rendered button.codeblock-customizer-copy-code-button {
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
color: var(--text-muted);
|
||||
font-size: var(--font-ui-smaller);
|
||||
font-family: var(--font-interface);
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-copy-code-button:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
|
||||
/* completely disable original copy code button in reading mode */
|
||||
.markdown-rendered .codeblock-customizer-pre .copy-code-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Header styling */
|
||||
body:not([class*='codeblock-customizer-show-langicons']) .codeblock-customizer-header-container-specific div:has(> img.codeblock-customizer-icon),
|
||||
body:not(.codeblock-customizer-show-langicons-always) .codeblock-customizer-header-container div:has(> img.codeblock-customizer-icon) {
|
||||
@@ -465,116 +713,6 @@ body:not(.codeblock-customizer-header-collapse-command) .codeblock-customizer-he
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* delete code styling */
|
||||
.codeblock-customizer-show-delete-code-button .codeblock-customizer-delete-code {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
font-family: var(--font-interface);
|
||||
font-size: var(--font-ui-smaller);
|
||||
color: var(--text-muted);
|
||||
cursor: var(--cursor);
|
||||
}
|
||||
.codeblock-customizer-delete-code {
|
||||
display: none;
|
||||
}
|
||||
.codeblock-customizer-delete-code:hover {
|
||||
background-color: var(--color-red);
|
||||
color: white;
|
||||
}
|
||||
.codeblock-customizer-show-delete-code-button .markdown-source-view.mod-cm6 .codeblock-customizer-line .code-block-flair {
|
||||
right: 40px;
|
||||
}
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-delete-code-button .codeblock-customizer-delete-code {
|
||||
right: 38px;
|
||||
}
|
||||
|
||||
/* copy code styling (edit mode) */
|
||||
.codeblock-customizer-show-copy-code-button .markdown-source-view .codeblock-customizer-copy-code {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
top: 6px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--radius-s);
|
||||
font-family: var(--font-interface);
|
||||
font-size: var(--font-ui-smaller);
|
||||
color: var(--text-muted);
|
||||
cursor: var(--cursor);
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-copy-code {
|
||||
display: none;
|
||||
}
|
||||
.markdown-source-view .codeblock-customizer-copy-code:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
.codeblock-customizer-show-delete-code-button.codeblock-customizer-show-copy-code-button .markdown-source-view.mod-cm6 .codeblock-customizer-line .codeblock-customizer-copy-code {
|
||||
right: 40px;
|
||||
}
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-delete-code-button.codeblock-customizer-show-copy-code-button .markdown-source-view.mod-cm6 .codeblock-customizer-line .codeblock-customizer-copy-code,
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-delete-code-button .markdown-source-view.mod-cm6 .codeblock-customizer-line .code-block-flair {
|
||||
right: 73px;
|
||||
}
|
||||
.codeblock-customizer-collapseIconRight:not(.codeblock-customizer-show-delete-code-button) .markdown-source-view.mod-cm6 .codeblock-customizer-line .code-block-flair,
|
||||
.codeblock-customizer-collapseIconRight:not(.codeblock-customizer-show-delete-code-button) .markdown-source-view.mod-cm6 .codeblock-customizer-line .codeblock-customizer-copy-code {
|
||||
right: 40px;
|
||||
}
|
||||
.codeblock-customizer-show-copy-code-button .markdown-source-view.mod-cm6 .codeblock-customizer-line .code-block-flair {
|
||||
display: none !important;
|
||||
}
|
||||
/* copy code button styling (reading view) */
|
||||
.markdown-rendered button.codeblock-customizer-copy-code-button {
|
||||
margin: 6px;
|
||||
padding: 6px 8px;
|
||||
height: auto;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
color: var(--text-muted);
|
||||
font-size: var(--font-ui-smaller);
|
||||
font-family: var(--font-interface);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-copy-code-button:hover {
|
||||
background-color: rgba(var(--mono-rgb-100), 0.075);
|
||||
}
|
||||
.markdown-rendered pre:not(:hover) > button.codeblock-customizer-copy-code-button {
|
||||
display: none ;
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-pre .copy-code-button {
|
||||
display: none;
|
||||
}
|
||||
.codeblock-customizer-collapseIconRight.codeblock-customizer-show-copy-code-button .markdown-rendered button.codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-collapseIconRight:not(.codeblock-customizer-show-copy-code-button) .markdown-rendered button.codeblock-customizer-copy-code-button {
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
/* move copy code button, and delete code button to the header */
|
||||
.codeblock-customizer-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-copy-code,
|
||||
.markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .code-block-flair,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container + .HyperMD-codeblock-begin .codeblock-customizer-copy-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container + .HyperMD-codeblock-begin .code-block-flair,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-show-copy-code-button .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-copy-code,
|
||||
.codeblock-customizer-header-collapse-command .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .code-block-flair {
|
||||
top: -30px;
|
||||
}
|
||||
.markdown-rendered .codeblock-customizer-pre:has(.codeblock-customizer-header-container-specific) .codeblock-customizer-copy-code-button,
|
||||
.codeblock-customizer-header-collapse-command .markdown-rendered .codeblock-customizer-pre:not(.codeblock-customizer-codeblock-collapsed) .codeblock-customizer-copy-code-button {
|
||||
top: -37px;
|
||||
}
|
||||
.codeblock-customizer-show-delete-code-button .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-show-delete-code-button .markdown-source-view .codeblock-customizer-header-container + .HyperMD-codeblock-begin .codeblock-customizer-delete-code,
|
||||
.codeblock-customizer-header-collapse-command.codeblock-customizer-show-delete-code-button .markdown-source-view .codeblock-customizer-header-container-specific + .HyperMD-codeblock-begin .codeblock-customizer-delete-code {
|
||||
top: -30px;
|
||||
bottom: 25px;
|
||||
}
|
||||
|
||||
.codeblock-customizer-header-container,
|
||||
.codeblock-customizer-header-container-specific {
|
||||
user-select: none;
|
||||
@@ -601,7 +739,7 @@ body:not(.codeblock-customizer-header-collapse-command) .codeblock-customizer-he
|
||||
|
||||
.codeblock-customizer-header-collapse {
|
||||
position: absolute;
|
||||
color: var(--header-text-color, var(--codeblock-customizer-header-text-color));
|
||||
color: var(--text-muted); /*var(--header-text-color, var(--codeblock-customizer-header-text-color));*/
|
||||
top: 50%;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
@@ -689,7 +827,11 @@ body .codeblock-customizer-header-container-specific:not(:has( [class^="codebloc
|
||||
body:not(:not([class*='codeblock-customizer-show-langnames'])) .codeblock-customizer-header-container-specific .codeblock-customizer-header-language-tag + .codeblock-customizer-header-text,
|
||||
body:not(:not([class*='codeblock-customizer-show-langicons'])) .codeblock-customizer-header-container-specific:has(.codeblock-customizer-icon) .codeblock-customizer-header-text,
|
||||
body:not(:not([class*='codeblock-customizer-header-collapse-command'])):not(:not([class*='codeblock-customizer-show-langnames-always'])) .codeblock-customizer-header-container .codeblock-customizer-header-language-tag + .codeblock-customizer-header-text,
|
||||
body:not(:not([class*='codeblock-customizer-header-collapse-command'])):not(:not([class*='codeblock-customizer-show-langicons-always'])) .codeblock-customizer-header-container:has(.codeblock-customizer-icon) .codeblock-customizer-header-text {
|
||||
body:not(:not([class*='codeblock-customizer-header-collapse-command'])):not(:not([class*='codeblock-customizer-show-langicons-always'])) .codeblock-customizer-header-container:has(.codeblock-customizer-icon) .codeblock-customizer-header-text
|
||||
.codeblock-customizer-show-langicons-always .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) .codeblock-customizer-header-text,
|
||||
.codeblock-customizer-show-langnames-always .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) .codeblock-customizer-header-text,
|
||||
body:not(:not([class*='codeblock-customizer-show-langicons-always'])).codeblock-customizer-header-collapse-command .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) .codeblock-customizer-header-text,
|
||||
body:not(:not([class*='codeblock-customizer-show-langnames-always'])).codeblock-customizer-header-collapse-command .codeblock-customizer-header-container:not([class*='codeblock-customizer-language-nolang']) .codeblock-customizer-header-text {
|
||||
padding-left: 0px;
|
||||
}
|
||||
div:has(> img.codeblock-customizer-icon) {
|
||||
@@ -816,10 +958,6 @@ body.codeblock-customizer .markdown-source-view :not(pre.codeblock-customizer-pr
|
||||
display: none;
|
||||
}
|
||||
|
||||
.codeblock-customizer-border-settingsDiv-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.codeblock-customizer-languageSpecific-settingsDiv-hide {
|
||||
display: none;
|
||||
}
|
||||
@@ -848,6 +986,13 @@ body.codeblock-customizer .markdown-source-view :not(pre.codeblock-customizer-pr
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* disabled button */
|
||||
.clickable-icon.extra-setting-button.is-disabled {
|
||||
color: #666666;
|
||||
cursor: not-allowed;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
/* Shimmering focus */
|
||||
.codeblock-customizer pre.codeblock-customizer-pre::before,
|
||||
@@ -865,10 +1010,10 @@ body.codeblock-customizer .markdown-source-view :not(pre.codeblock-customizer-pr
|
||||
}
|
||||
|
||||
/* Everforest */
|
||||
.codeblock-customizer .markdown-source-view [class*="codeblock-customizer-line"].HyperMD-codeblock-begin,
|
||||
/*.codeblock-customizer .markdown-source-view [class*="codeblock-customizer-line"].HyperMD-codeblock-begin,
|
||||
.codeblock-customizer .markdown-source-view [class*="codeblock-customizer-line"].HyperMD-codeblock-end {
|
||||
height: calc(var(--line-height-normal) * 1em);
|
||||
}
|
||||
height: calc(var(--line-height-normal) * 1em);
|
||||
}*/
|
||||
|
||||
/* Settings */
|
||||
.codeblock-customizer-Donation {
|
||||
|
||||
Reference in New Issue
Block a user