fix(spec-renderer): style issues [khcp-13104] (#1598)

Fix spec renderer style issues for [KHCP-13104](https://konghq.atlassian.net/browse/KHCP-13104).
Kong · Sep 6, 2024 · 06b6606 · 06b6606
1 parent d10db91
commit 06b6606
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git 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
@@ -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*/