Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

code blocks indent going backwards #6

Closed
mguidoti opened this issue Nov 1, 2020 · 2 comments
Closed

code blocks indent going backwards #6

mguidoti opened this issue Nov 1, 2020 · 2 comments

Comments

@mguidoti
Copy link
Contributor

mguidoti commented Nov 1, 2020

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.
image

When I hit tab at the beginning one a line, it goes backwards.

I'm trying to figure this out on the .css, but couldn't find a solution up to this moment.

Could you guys try to help me out with this one?

Thanks in advance,

@mguidoti
Copy link
Contributor Author

mguidoti commented Nov 1, 2020

Fixed.

I added text-indent: 0px !important; into the following block and it seems to have it solved for me.

 /* 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;
}

image

Sorry for posting before looking more in-depth for a solution myself. Oh, I think you noticed but I also changed the font-family to Fira Code (personal preference). On my version of it I also changed the nominal font in the font-family property to the variable var(--font-family-editor) in both Editor CodeBlock and Preview CodeBlock Text Appearance.

Cheers and thanks for putting this together ; )

@jarodise
Copy link
Owner

jarodise commented Nov 2, 2020

Fixed.

I added text-indent: 0px !important; into the following block and it seems to have it solved for me.

 /* 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;
}

image

Sorry for posting before looking more in-depth for a solution myself. Oh, I think you noticed but I also changed the font-family to Fira Code (personal preference). On my version of it I also changed the nominal font in the font-family property to the variable var(--font-family-editor) in both Editor CodeBlock and Preview CodeBlock Text Appearance.

Cheers and thanks for putting this together ; )

Thank you for spotting the issue and also coming up with a solution, I've already pushed an update with your solution.

@jarodise jarodise closed this as completed Nov 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants