From efe1aae1cd31a6c107ec95d7d79114137d93e54d Mon Sep 17 00:00:00 2001 From: Kam Date: Sun, 2 Aug 2026 00:50:21 +0300 Subject: [PATCH] fix(docs-infra): keep inline code in links as an atomic inline box Inline code inside a link renders as a chip with its own background. Text decoration propagates from the anchor and cannot be cancelled by a descendant, so with the chip laid out as a regular inline box the link underline is drawn straight across it. Lay the chip out as an atomic inline box, which the propagated decoration is not drawn across. This applies to the link rule only; code outside of links keeps `display: inline` for wrapping in multiline paragraphs, and the link rule already sets `white-space: nowrap`. --- adev/shared-docs/styles/docs/_code.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/adev/shared-docs/styles/docs/_code.scss b/adev/shared-docs/styles/docs/_code.scss index 87c7d420bbb..7fccef01fdb 100644 --- a/adev/shared-docs/styles/docs/_code.scss +++ b/adev/shared-docs/styles/docs/_code.scss @@ -87,6 +87,7 @@ $code-font-size: 0.875rem; width: 100%; a:not(.docs-anchor) > & { + display: inline-block; position: relative; padding: 0 0.3rem; white-space: nowrap;