Skip to content

Commit

Permalink
fix(swagger-ui-web-component): ensure there are 4 grid columns for ea…
Browse files Browse the repository at this point in the history
…ch operation

Currently there is some CSS that has 3 columns, but a recently upgraded version of Swagger UI regrouped the elements so that it is now necessary to have 4 columns to prevent the open/collapse toggle button from flowing into the next row.

The current CSS rule that is offending is:
```css
.swagger-ui .opblock .opblock-summary {
  grid-template-columns: 80px auto 30px;
}
  • Loading branch information
Mierenga authored May 23, 2024
1 parent efafc3f commit af70dbc
Showing 1 changed file with 4 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,10 @@
.opblock-body .right-side-wrapper .code-snippet {
display: none !important;
}
/* ensure there are 4 columns to match the number of elements in the current version of swagger */
.swagger-ui .opblock-tag-section .opblock .opblock-summary {
grid-template-columns: 80px auto 30px auto;
}
/* fix copy button width */
.swagger-ui .opblock .opblock-summary:hover .view-line-link.copy-to-clipboard {
width: 24px;
Expand Down

0 comments on commit af70dbc

Please sign in to comment.