* fix: Unable to scroll in comments fix: Missing highlighted text on first comment while composing * docs
30 lines
613 B
TypeScript
30 lines
613 B
TypeScript
import styled from "styled-components";
|
|
import { s } from "@shared/styles";
|
|
import Text from "~/components/Text";
|
|
import { truncateMultiline } from "~/styles";
|
|
|
|
/**
|
|
* Highlighted text associated with a comment.
|
|
*/
|
|
export const HighlightedText = styled(Text)`
|
|
position: relative;
|
|
color: ${s("textSecondary")};
|
|
font-size: 14px;
|
|
padding: 0 8px;
|
|
margin: 4px 0;
|
|
display: inline-block;
|
|
|
|
${truncateMultiline(3)}
|
|
|
|
&:after {
|
|
content: "";
|
|
width: 2px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 2px;
|
|
bottom: 2px;
|
|
background: ${s("commentMarkBackground")};
|
|
border-radius: 2px;
|
|
}
|
|
`;
|