diff --git a/packages/portal/spec-renderer/src/components/operations-list/OperationsListItem.vue b/packages/portal/spec-renderer/src/components/operations-list/OperationsListItem.vue index b4eac5bca6..8b02163f84 100644 --- a/packages/portal/spec-renderer/src/components/operations-list/OperationsListItem.vue +++ b/packages/portal/spec-renderer/src/components/operations-list/OperationsListItem.vue @@ -109,7 +109,7 @@ const methodName = computed((): BadgeAppearance => { } .item--selected { - background: var(--kong-ui-spec-renderer-operations-list-item-background-selected, $kui-color-background-inverse); + background: var(--kong-ui-spec-renderer-operations-list-item-background-selected, $kui-color-background-primary-weakest); &::before { background: var(--kong-ui-spec-renderer-operations-list-item-selected-bar-background, $kui-color-background-primary); diff --git a/packages/portal/swagger-ui-web-component/src/styles/overrides.css b/packages/portal/swagger-ui-web-component/src/styles/overrides.css index 90d3e2a403..0b3a154dc7 100644 --- a/packages/portal/swagger-ui-web-component/src/styles/overrides.css +++ b/packages/portal/swagger-ui-web-component/src/styles/overrides.css @@ -11,6 +11,15 @@ background: none !important; } +.swagger-ui .opblock-control-arrow { + grid-column-start: 4; + grid-row-start: 1; + padding-left: 0; + position: absolute; + right: -8px; + top: 3px; +} + /* Note: stylelint-disable-next-line added below as were using Portal variables (NOT design tokens) */ .swagger-ui .json-schema-2020-12-accordion, @@ -43,7 +52,7 @@ .swagger-ui .json-schema-2020-12-keyword__name--secondary { /* stylelint-disable-next-line custom-property-pattern*/ color: var(--text_colors-primary) !important; -} +} .swagger-ui .json-schema-2020-12-expand-deep-button { /* stylelint-disable-next-line custom-property-pattern*/