mirror of
https://github.com/outline/outline.git
synced 2025-12-21 10:39:41 -06:00
fix: Code words should wrap on mobile (#10842)
This commit is contained in:
@@ -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};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user