Revamped fix for copy button on hover in debugger.

This commit is contained in:
devanshu052000 2025-01-17 15:40:53 +05:30
parent cd8e330208
commit d6911bc882

View file

@ -268,8 +268,16 @@ export const JSONNode = ({ data, ...restProps }) => {
};
return (
<div style={{ fontSize: '9px', marginTop: '0px', right: '10px' }} className="d-flex position-absolute">
{enableCopyToClipboard ? (
<div
style={{
paddingLeft: !enableCopyToClipboard ? '13px' : '0px', // Temporary fix for hover issue for copy value button. Need to remove this once inspector gets revamped.
fontSize: '9px',
marginTop: '0px',
right: '10px',
}}
className="d-flex position-absolute"
>
{enableCopyToClipboard && (
<ToolTip message={'Copy to clipboard'}>
<span
onClick={() => {
@ -281,12 +289,6 @@ export const JSONNode = ({ data, ...restProps }) => {
<DefaultCopyIcon />
</span>
</ToolTip>
) : (
// Temporary fix for hover issue for copy value button. Need to remove this once inspector gets revamped.
<span
style={{ height: '13px', width: '13px', marginBottom: '4px' }}
className="mx-1 copy-to-clipboard"
></span>
)}
<ToolTip message={'Copy value'}>
<span