Inline MarkDown code blocks are overlapping due to high vertical padding - Githubissues

swagger-api / swagger-ui

Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.

https://swagger.io

Apache License 2.0

26.67k stars 8.97k forks source link

Inline MarkDown code blocks are overlapping due to high vertical padding #7569

Open mbektchiev opened 3 years ago

mbektchiev commented 3 years ago

Q&A

OS: Windows
Browser: Firefox
Version: 93
Method of installation: webjar
Swagger-UI version: latest master branch
Swagger/OpenAPI version: Swagger 2.0, OpenAPI 3.0

Content & configuration

Example Swagger/OpenAPI definition:

"/api/v1/some_endpoint": {
  "post": {
    "description": "**Logical operators** (lowercase and case-sensitive):\n\n* AND operator: `;` or `and`\n* OR operator: `,` or `or`\n\n"
  }
}

Describe the bug you're encountering

The inline code blocks are overlapping due to the high vertical padding set in _markdown.scss#L18

Expected behavior

No overlapping between code blocks should occur.

Screenshots

mbektchiev commented 3 years ago

There's also someone else who has experienced a similar problem here: https://github.com/tiangolo/fastapi/issues/835