#1

Steps to reproduce

create a note note and type the text below

- Test list
	- Test sublist
		```TypeScript
		somecode
		```
		- List indent

Expected result

The code block have the same indent as the last line

Actual result

The code block indent more than the last line in edit mode, while the preview mode act as expected.

image
image813×192 10.6 KB

Environment

  • Operating system: Ubuntu18.04
  • Obsidian version: 0.12.03

Additional information

#2

This is not a bug. This is a css preference.

Also, when you submit bug reports you should do so without plugins, and themes enabled.

#4

Indeed, I found this problem disappear when I use the dracula theme. But the original theme of obsidian still has this problem.

#5

I found when add css below, the indent act as expected, but I don’t kown why…

 /* Editor CodeBlock TEXT Appearance */
.cm-s-obsidian pre.HyperMD-codeblock {
  font-family: monaco !important;
  font-size: var(--font-size-code) !important;
  padding: 1px !important;
  display: block;
  color: var(--code-block) !important;
  font-weight: 500;
  text-indent: 0px !important;
}

when I delete the line of ‘font-famliy’ or ‘padding’, it goes wrong agian.