fix(tooltip): animation distance custom tokens for desktop/mobile

adobe · Nov 7, 2023 · 08e2112 · 08e2112
1 parent 8ba3aaf
commit 08e2112
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;