abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 17:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(tooltip): add new tooltip animation

Browse Source
This commit is contained in:
Paul Makles
2022-01-14 21:04:29 +00:00
parent a5b1d727d3
commit 6c118fab78
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/Tooltip.tsx
View File

@@ -14,7 +14,7 @@ export default function Tooltip(props: Props) {
const { children, content, ...tippyProps } = props; const { children, content, ...tippyProps } = props;
return ( return (
<Tippy content={content} {...tippyProps}> <Tippy content={content} animation="shift-away" {...tippyProps}>
{/* {/*
// @ts-expect-error Type mis-match. */} // @ts-expect-error Type mis-match. */}
<div style={`display: flex;`}>{children}</div> <div style={`display: flex;`}>{children}</div>

1
src/styles/index.scss
View File

@@ -5,6 +5,7 @@
@import "react-overlapping-panels/dist"; @import "react-overlapping-panels/dist";
@import "tippy.js/dist/tippy.css"; @import "tippy.js/dist/tippy.css";
@import "tippy.js/animations/shift-away.css";
.tippy-box { .tippy-box {
color: var(--foreground); color: var(--foreground);