reduce tooltip delay
This commit is contained in:
parent
cac43c35d6
commit
0713c3ffd7
|
@ -352,7 +352,7 @@ const AccountPage = () => {
|
|||
<Tooltip
|
||||
maxWidth="20rem"
|
||||
placement="bottom-start"
|
||||
delay={250}
|
||||
delay={100}
|
||||
content={
|
||||
<div className="flex-col space-y-2 text-sm">
|
||||
<p className="text-xs">
|
||||
|
@ -400,7 +400,7 @@ const AccountPage = () => {
|
|||
content={t('account:tooltip-free-collateral')}
|
||||
maxWidth="20rem"
|
||||
placement="bottom"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
|
||||
{t('free-collateral')}
|
||||
|
@ -424,7 +424,7 @@ const AccountPage = () => {
|
|||
content={t('account:tooltip-total-collateral')}
|
||||
maxWidth="20rem"
|
||||
placement="bottom"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<span className="tooltip-underline">{t('total')}</span>:
|
||||
<span className="ml-1 font-mono text-th-fgd-2">
|
||||
|
@ -450,7 +450,7 @@ const AccountPage = () => {
|
|||
content={t('account:tooltip-leverage')}
|
||||
maxWidth="20rem"
|
||||
placement="bottom"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
|
||||
{t('leverage')}
|
||||
|
@ -467,7 +467,7 @@ const AccountPage = () => {
|
|||
<Tooltip
|
||||
content={t('account:tooltip-pnl')}
|
||||
placement="bottom"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline inline text-sm text-th-fgd-3 xl:text-base">
|
||||
{t('pnl')}
|
||||
|
@ -479,7 +479,7 @@ const AccountPage = () => {
|
|||
<Tooltip
|
||||
className="hidden md:block"
|
||||
content={t('account:pnl-chart')}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<IconButton
|
||||
className="text-th-fgd-3"
|
||||
|
@ -493,7 +493,7 @@ const AccountPage = () => {
|
|||
<Tooltip
|
||||
className="hidden md:block"
|
||||
content={t('account:pnl-history')}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<IconButton
|
||||
className="text-th-fgd-3"
|
||||
|
@ -526,7 +526,7 @@ const AccountPage = () => {
|
|||
content={t('account:tooltip-total-interest')}
|
||||
maxWidth="20rem"
|
||||
placement="bottom-end"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline text-sm text-th-fgd-3 xl:text-base">
|
||||
{t('total-interest-earned')}
|
||||
|
@ -536,7 +536,7 @@ const AccountPage = () => {
|
|||
<Tooltip
|
||||
className="hidden md:block"
|
||||
content="Cumulative Interest Chart"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<IconButton
|
||||
className="text-th-fgd-3"
|
||||
|
|
|
@ -204,7 +204,7 @@ const ActivityFeedTable = ({
|
|||
<Th className="bg-th-bkg-1 text-right">{t('activity:credit')}</Th>
|
||||
<Th className="bg-th-bkg-1 text-right">{t('activity:debit')}</Th>
|
||||
<Th className="flex justify-end bg-th-bkg-1">
|
||||
<Tooltip content={t('activity:tooltip-fee')} delay={250}>
|
||||
<Tooltip content={t('activity:tooltip-fee')} delay={100}>
|
||||
<span className="tooltip-underline">{t('fee')}</span>
|
||||
</Tooltip>
|
||||
</Th>
|
||||
|
|
|
@ -98,7 +98,7 @@ const BorrowPage = () => {
|
|||
maxWidth="20rem"
|
||||
placement="bottom-start"
|
||||
content="The value of your assets (deposits) minus the value of your liabilities (borrows)."
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="mb-0.5 text-base">
|
||||
{t('borrow:current-borrow-value')}
|
||||
|
|
|
@ -195,7 +195,7 @@ const MangoAccountsListModal = ({
|
|||
<Tooltip
|
||||
className="hidden md:block"
|
||||
content={t('copy-address')}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<IconButton
|
||||
className="text-th-fgd-3"
|
||||
|
|
|
@ -24,7 +24,7 @@ const HealthImpact = ({
|
|||
|
||||
return (
|
||||
<div className="flex flex-wrap items-start justify-between">
|
||||
<Tooltip content={t('health-tooltip')} delay={250}>
|
||||
<Tooltip content={t('health-tooltip')} delay={100}>
|
||||
<p
|
||||
className={`tooltip-underline mr-4 ${small ? 'text-xs' : 'text-sm'}`}
|
||||
>
|
||||
|
|
|
@ -29,7 +29,7 @@ const Tooltip = ({
|
|||
appendTo={() => document.body}
|
||||
maxWidth={maxWidth}
|
||||
interactive
|
||||
delay={delay}
|
||||
delay={[delay, 0]}
|
||||
content={
|
||||
content ? (
|
||||
<div
|
||||
|
@ -57,7 +57,7 @@ const Content = ({
|
|||
} & HTMLAttributes<HTMLDivElement>) => {
|
||||
return (
|
||||
<div
|
||||
className={`default-transition inline-block cursor-help border-b border-dashed border-th-fgd-3 border-opacity-20 hover:border-th-bkg-2 ${className}`}
|
||||
className={`inline-block cursor-help border-b border-dashed border-th-fgd-3 border-opacity-20 hover:border-th-bkg-2 ${className}`}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
|
|
|
@ -538,7 +538,7 @@ const SwapReviewRouteInfo = ({
|
|||
),
|
||||
})
|
||||
}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline text-sm text-th-fgd-3">
|
||||
{t('borrow-amount')}
|
||||
|
@ -586,7 +586,7 @@ const SwapReviewRouteInfo = ({
|
|||
<div className="flex justify-between">
|
||||
<Tooltip
|
||||
content={t('loan-origination-fee-tooltip')}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<p className="tooltip-underline text-sm text-th-fgd-3">
|
||||
{t('loan-origination-fee')}
|
||||
|
|
|
@ -506,7 +506,7 @@ const AdvancedTradeForm = () => {
|
|||
<div className="mr-3 mt-4" id="trade-step-six">
|
||||
<Tooltip
|
||||
className="hidden md:block"
|
||||
delay={250}
|
||||
delay={100}
|
||||
placement="left"
|
||||
content={t('trade:tooltip-post')}
|
||||
>
|
||||
|
@ -521,7 +521,7 @@ const AdvancedTradeForm = () => {
|
|||
<div className="mr-3 mt-4" id="trade-step-seven">
|
||||
<Tooltip
|
||||
className="hidden md:block"
|
||||
delay={250}
|
||||
delay={100}
|
||||
placement="left"
|
||||
content={t('trade:tooltip-ioc')}
|
||||
>
|
||||
|
@ -541,7 +541,7 @@ const AdvancedTradeForm = () => {
|
|||
<div className="mt-4" id="trade-step-eight">
|
||||
<Tooltip
|
||||
className="hidden md:block"
|
||||
delay={250}
|
||||
delay={100}
|
||||
placement="left"
|
||||
content={t('trade:tooltip-enable-margin')}
|
||||
>
|
||||
|
@ -554,7 +554,7 @@ const AdvancedTradeForm = () => {
|
|||
<div className="mr-3 mt-4">
|
||||
<Tooltip
|
||||
className="hidden md:block"
|
||||
delay={250}
|
||||
delay={100}
|
||||
placement="left"
|
||||
content={
|
||||
'Reduce will only decrease the size of an open position. This is often used for closing a position.'
|
||||
|
|
|
@ -514,7 +514,7 @@ const Orderbook = () => {
|
|||
className="hidden md:block"
|
||||
content={t('trade:grouping')}
|
||||
placement="left"
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<GroupSize
|
||||
tickSize={market.tickSize}
|
||||
|
|
|
@ -167,7 +167,7 @@ const RecentTrades = () => {
|
|||
<Tooltip
|
||||
className="hidden md:block"
|
||||
content={t('trade:tooltip-volume-alert')}
|
||||
delay={250}
|
||||
delay={100}
|
||||
>
|
||||
<IconButton
|
||||
onClick={() => setShowVolumeAlertModal(true)}
|
||||
|
|
Loading…
Reference in New Issue