fix: Code words should wrap on mobile (#10842)

This commit is contained in:
Tom Moor
2025-12-09 22:05:47 -05:00
committed by GitHub
parent 5140d2434e
commit 2543d6d56c

View File

@@ -1,7 +1,7 @@
/* oxlint-disable no-irregular-whitespace */ /* oxlint-disable no-irregular-whitespace */
import { lighten, transparentize } from "polished"; import { lighten, transparentize } from "polished";
import styled, { DefaultTheme, css, keyframes } from "styled-components"; import styled, { DefaultTheme, css, keyframes } from "styled-components";
import { hover } from "../../styles"; import { breakpoints, hover } from "../../styles";
import { EditorStyleHelper } from "../styles/EditorStyleHelper"; import { EditorStyleHelper } from "../styles/EditorStyleHelper";
import { videoStyle } from "./Video"; import { videoStyle } from "./Video";
@@ -1468,7 +1468,9 @@ code {
font-size: 90%; font-size: 90%;
.${EditorStyleHelper.codeWord} { .${EditorStyleHelper.codeWord} {
white-space: nowrap; @media (min-width: ${breakpoints.tablet}px) {
white-space: nowrap;
}
color: ${props.theme.codeKeyword}; color: ${props.theme.codeKeyword};
} }
} }