cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages 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 f509acbe80
commit ddbef13a12
2 changed files with 2 additions and 1 deletions
Show stats 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);