From 4a56d85e914b0aca327c6c9c080bcd176f2be5da Mon Sep 17 00:00:00 2001 From: alexp mule Date: Wed, 26 Aug 2026 13:09:14 -0300 Subject: [PATCH] @W-23748894 fix(webhooks): align event name with method pill in URL area The webhook event name renders inside .url-server-value, whose 8px top margin exists to separate it from a preceding "Channel" line in the non-HTTP case. For a webhook there is no Channel line, so .url-server-value is the sole child and the margin just pushes the event name out of line with the method pill. Zero the margin only when .url-server-value is the first child; the non-HTTP "Channel + Server" stack is unaffected. Co-Authored-By: Claude Opus 4.8 (1M context) --- package-lock.json | 4 ++-- package.json | 2 +- src/Styles.js | 8 ++++++++ 3 files changed, 11 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index c786f34..eba57cd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@api-components/api-method-documentation", - "version": "5.2.33", + "version": "5.2.34", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@api-components/api-method-documentation", - "version": "5.2.33", + "version": "5.2.34", "license": "Apache-2.0", "dependencies": { "@advanced-rest-client/arc-icons": "^3.3.4", diff --git a/package.json b/package.json index 482e7af..378fcd9 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@api-components/api-method-documentation", "description": "A HTTP method documentation build from AMF model", - "version": "5.2.33", + "version": "5.2.34", "license": "Apache-2.0", "main": "index.js", "module": "index.js", diff --git a/src/Styles.js b/src/Styles.js index 0cbcc00..c8fe810 100644 --- a/src/Styles.js +++ b/src/Styles.js @@ -135,6 +135,14 @@ export default css` margin-top: 8px; } +/* Webhooks render only the event name in .url-value (no preceding "Channel" + line), so the 8px top margin above just pushes it out of line with the + method pill. Zero it when .url-server-value is the sole child; the isNotHttp + case keeps the margin because .url-channel-value precedes it. */ +.url-value > .url-server-value:first-child { + margin-top: 0; +} + .method-value { align-self: baseline; text-transform: uppercase;