Skip to content

visual tweaks for CodeBlock component, code and kbd elements#4828

Merged
cortinico merged 1 commit into
mainfrom
code-and-kbd-elements-tweaks
Oct 1, 2025
Merged

visual tweaks for CodeBlock component, code and kbd elements#4828
cortinico merged 1 commit into
mainfrom
code-and-kbd-elements-tweaks

Conversation

@Simek

@Simek Simek commented Oct 1, 2025

Copy link
Copy Markdown
Collaborator

Why

I have spotted that inline code blocks does not correctly line with the text in some cases, and kbd tags looks off when used inside annotations.

How

Update some top level styles and vars to avoid overwrites for inline code and code/pre blocks, fix pre background bleeding in light mode for block with a title (header), apply page background color to kbds.

Preview

Screenshot 2025-10-01 at 13 59 39 Screenshot 2025-10-01 at 13 59 11 Screenshot 2025-10-01 at 14 02 59

@netlify

netlify Bot commented Oct 1, 2025

Copy link
Copy Markdown

Deploy Preview for react-native ready!

Name Link
🔨 Latest commit a2d781e
🔍 Latest deploy log https://app.netlify.com/projects/react-native/deploys/68dd188eef9e9000086af902
😎 Deploy Preview https://deploy-preview-4828--react-native.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@cortinico cortinico left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙏

@cortinico cortinico merged commit 31bf801 into main Oct 1, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants