fix copy button not having pointer cursor

This commit is contained in:
Konstantin Schaper
2022-02-02 13:49:14 +01:00
parent 2a53d15deb
commit 4e3c1ffe02

View File

@@ -45,7 +45,6 @@ const TopRightButton = styled.button`
`;
const Container = styled.div`
position: relative;
&:hover > ${TopRightButton} {
display: inline-block;
}
@@ -93,7 +92,7 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
}
return (
<Container ref={setContentRef}>
<Container ref={setContentRef} className="is-relative">
<ReactSyntaxHighlighter
showLineNumbers={false}
language={determineLanguage(language)}
@@ -102,7 +101,7 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
>
{valueWithoutTrailingLineBreak}
</ReactSyntaxHighlighter>
<TopRightButton title={t("syntaxHighlighting.copyButton")} onClick={copy}>
<TopRightButton className="is-clickable" title={t("syntaxHighlighting.copyButton")} onClick={copy}>
<i className={copied ? "fa fa-clipboard-check" : "fa fa-clipboard"} />
</TopRightButton>
</Container>