diff --git a/web/markdown/markdown-spoiler.react.js b/web/markdown/markdown-spoiler.react.js --- a/web/markdown/markdown-spoiler.react.js +++ b/web/markdown/markdown-spoiler.react.js @@ -4,6 +4,8 @@ import type { ReactElement } from 'lib/shared/markdown'; +import css from './markdown.css'; + type MarkdownSpoilerProps = { +text: ReactElement, }; @@ -11,7 +13,7 @@ function MarkdownSpoiler(props: MarkdownSpoilerProps): React.Node { const { text } = props; - return {text}; + return {text}; } const MemoizedMarkdownSpoiler: React.ComponentType = React.memo( diff --git a/web/markdown/markdown.css b/web/markdown/markdown.css --- a/web/markdown/markdown.css +++ b/web/markdown/markdown.css @@ -76,3 +76,9 @@ div.darkBackground a { color: white; } + +span.spoiler { + background: #33332c; + color: #33332c; + cursor: pointer; +}