website icon indicating copy to clipboard operation
website copied to clipboard

Code blocks need more line-height / separation

Open loujaybee opened this issue 3 years ago • 1 comments

Resolve issues with line height and code blocks

To replicate:

  1. Add a wrapped line with two stacked elements that are wrapped in backticks , e.g stuff

Expected result:

  • Line height continues to separate the text

Actual result:

  • Lines are smushed together

Example: image

loujaybee avatar Jun 09 '22 13:06 loujaybee

@chrifro reducing the padding in the y direction for inline code blocks will do the trick. Can you suggest a new padding value at the moment there is 4px both at the top and bottom? Should I reduce that to 2px?

You can see it here https://www.gitpod.io/docs/config-start-tasks#one-line-tasks we already reduced it a bit it does not look like what we have above in the screenshot.

nisarhassan12 avatar Sep 13 '22 07:09 nisarhassan12

It is fixed now 😄 image

Siddhant-K-code avatar Oct 07 '22 15:10 Siddhant-K-code