obsidian-codemirror-options icon indicating copy to clipboard operation
obsidian-codemirror-options copied to clipboard

Feature request: line numbers, triple backticks

Open DutchPete opened this issue 3 years ago • 0 comments

I am still having to use a snippets for these:

/* Line nos. in gutter */
/* smaller and less bright */
.theme-light
.cm-s-obsidian .CodeMirror-linenumber {
    opacity : 0;
    font-size: 10px !important;
}

/* Show line numbers only on hover */
.theme-dark
.cm-s-obsidian .CodeMirror-linenumber {
  opacity : 0;
}

.cm-s-obsidian .CodeMirror-linenumber:hover {
  opacity: 1;
}

/* align vertically with text */
.CodeMirror-gutter-wrapper { height:100%; }
.CodeMirror-gutter-elt { top:0; }
.cm-s-obsidian .CodeMirror-linenumber{ 
  height: 100%;
  line-height: 0;
}
.cm-s-obsidian .CodeMirror-linenumber::before {
  content: "";
  height: 50%;
  display: block;
}

/* align vertically with header */
.cm-s-obsidian .HyperMD-header {
  padding-top:0.125em;
  padding-bottom:0.125em;
}

/* align vertically with text in lists */
.cm-s-obsidian .HyperMD-list-line {
  padding-top:0.15em;
  padding-bottom:0.15em;
}

and also for these:

/* Hide triple baclticks (```) for code block/Admonition */
div:not(.CodeMirror-activeline)>pre.HyperMD-codeblock.HyperMD-codeblock-end.CodeMirror-line,
div:not(.CodeMirror-activeline)>pre.HyperMD-codeblock.HyperMD-codeblock-begin.CodeMirror-line {
    background-color: transparent !important;
    display: inline !important;
    opacity: 0 !important;
}

DutchPete avatar Oct 15 '21 04:10 DutchPete