swagger-ui icon indicating copy to clipboard operation
swagger-ui copied to clipboard

Published 20 hours ago • verified publisher icon swagger-api

Response code and description columns are not aligned

Open lonix1 opened this issue 3 years ago • 2 comments

Q&A (please complete the following information)

  • OS: linux
  • Browser: firefox
  • Version: 96 (latest)
  • Method of installation: asp.net core + swashbuckle 6.2.2 (latest)
  • Swagger-UI version: 3.52.1

Content & configuration

Example Swagger/OpenAPI definition: n/a

Swagger-UI configuration options: n/a

Describe the bug you're encountering

As you can see in the image, the response code and description are not aligned.

That is because the description has a <p> tag with margin-top.

To reproduce...

Steps to reproduce the behavior:

  1. Go to any swagger page
  2. Click on any endpoint that is anotated with responses
  3. See misalignment

Expected behavior

Alignment of code and description

Screenshots

as above

Additional context or thoughts

n/a

lonix1 avatar Feb 19 '22 09:02 lonix1

@lonix1 I wonder if you found a solution for this?

j-andrespuk avatar Aug 08 '22 08:08 j-andrespuk

@j-andrespuk No, sorry. It's a css bug in the library.

lonix1 avatar Aug 08 '22 09:08 lonix1

I have opened a PR to fix this, since it was just 2 lines of missing CSS causing the issue.

smzelek avatar Jun 26 '23 19:06 smzelek