Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Added animation to tooltip opening closing

This commit is contained in:
DrMint 2022-03-13 15:34:51 +01:00
parent d2294393b5
commit 08fe5000a7
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ToolTip.tsx
View File

@ -1,4 +1,5 @@
import Tippy, { TippyProps } from "@tippyjs/react"; import Tippy, { TippyProps } from "@tippyjs/react";
import "tippy.js/animations/scale-subtle.css";
interface ToolTipProps extends TippyProps {} interface ToolTipProps extends TippyProps {}
@ -8,6 +9,7 @@ export default function ToolTip(props: ToolTipProps): JSX.Element {
// Set defaults // Set defaults
if (newProps.delay === undefined) newProps.delay = [150, 0]; if (newProps.delay === undefined) newProps.delay = [150, 0];
if (newProps.interactive === undefined) newProps.interactive = true; if (newProps.interactive === undefined) newProps.interactive = true;
if (newProps.animation === undefined) newProps.animation = "scale-subtle";
return ( return (
<Tippy {...newProps}> <Tippy {...newProps}>

1
src/pages/_document.tsx
View File

@ -16,7 +16,6 @@ class MyDocument extends Document {
return ( return (
<Html> <Html>
<Head> <Head>
<link <link
rel="apple-touch-icon" rel="apple-touch-icon"
sizes="180x180" sizes="180x180"