From 08e2112966deda9a2cbdcb3667b99d279bd7b529 Mon Sep 17 00:00:00 2001 From: Melissa Thompson Date: Tue, 7 Nov 2023 15:48:07 -0500 Subject: [PATCH] fix(tooltip): animation distance custom tokens for desktop/mobile --- components/tokens/custom-spectrum/custom-large-vars.css | 2 ++ components/tokens/custom-spectrum/custom-medium-vars.css | 2 ++ components/tooltip/index.css | 3 --- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/components/tokens/custom-spectrum/custom-large-vars.css b/components/tokens/custom-spectrum/custom-large-vars.css index 84e5ea5a5e7..c683258d8cc 100644 --- a/components/tokens/custom-spectrum/custom-large-vars.css +++ b/components/tokens/custom-spectrum/custom-large-vars.css @@ -117,4 +117,6 @@ governing permissions and limitations under the License. --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs); --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs); --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs); + + --spectrum-tooltip-animation-distance: 5px; } diff --git a/components/tokens/custom-spectrum/custom-medium-vars.css b/components/tokens/custom-spectrum/custom-medium-vars.css index 92f8d639c84..c0697318232 100644 --- a/components/tokens/custom-spectrum/custom-medium-vars.css +++ b/components/tokens/custom-spectrum/custom-medium-vars.css @@ -116,4 +116,6 @@ governing permissions and limitations under the License. --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs); --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs); --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s); + + --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75); } diff --git a/components/tooltip/index.css b/components/tooltip/index.css index 50ef27cee4b..70ad827f656 100644 --- a/components/tooltip/index.css +++ b/components/tooltip/index.css @@ -15,9 +15,6 @@ governing permissions and limitations under the License. .spectrum-Tooltip { --spectrum-tooltip-animation-duration: var(--spectrum-animation-duration-100); - /* animation distance is equal to spacing to source */ - --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75); - /* override if additional spacing to source is required */ --spectrum-tooltip-margin: 0px;