From af70dbc421f0b60f70ef7d38e4c71357bf904852 Mon Sep 17 00:00:00 2001 From: Mike Swierenga Date: Thu, 23 May 2024 17:27:13 -0400 Subject: [PATCH] fix(swagger-ui-web-component): ensure there are 4 grid columns for each 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; } --- .../swagger-ui-web-component/src/styles/essentialsOnly.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/portal/swagger-ui-web-component/src/styles/essentialsOnly.css b/packages/portal/swagger-ui-web-component/src/styles/essentialsOnly.css index 245f8f1d13..991cfafbd9 100644 --- a/packages/portal/swagger-ui-web-component/src/styles/essentialsOnly.css +++ b/packages/portal/swagger-ui-web-component/src/styles/essentialsOnly.css @@ -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;