ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 21:10:38 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add Portal to tooltips

Browse Source
This commit is contained in:
IRBorisov 2023-12-07 01:33:34 +03:00
parent 5f29851a36
commit 4e23bdd9f1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
View File

@ -1,3 +1,4 @@
import { createPortal } from 'react-dom';
import { ITooltip, Tooltip } from 'react-tooltip'; import { ITooltip, Tooltip } from 'react-tooltip';
import { useConceptTheme } from '../../context/ThemeContext'; import { useConceptTheme } from '../../context/ThemeContext';
@ -16,7 +17,7 @@ function ConceptTooltip({
}: ConceptTooltipProps) { }: ConceptTooltipProps) {
const { darkMode } = useConceptTheme(); const { darkMode } = useConceptTheme();
return ( return createPortal(
<Tooltip <Tooltip
opacity={0.97} opacity={0.97}
style={{...{ paddingTop: '2px', paddingBottom: '2px'}, ...style}} style={{...{ paddingTop: '2px', paddingBottom: '2px'}, ...style}}
@ -24,8 +25,7 @@ function ConceptTooltip({
variant={(darkMode ? 'dark' : 'light')} variant={(darkMode ? 'dark' : 'light')}
place={place} place={place}
{...restProps} {...restProps}
/> />, document.body);
);
} }
export default ConceptTooltip; export default ConceptTooltip;