refactor(scrollspy): remove animejs and add roboto font

materializecss · Dec 18, 2023 · c73423e · c73423e
1 parent eb0a8e5
commit c73423e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 14 deletions.
diff --git a/sass/components/_tooltip.scss b/sass/components/_tooltip.scss
@@ -1,13 +1,15 @@
 .material-tooltip {
-  // font-family: var(--md-sys-typescale-body-small-font-family-name);
   padding: 0 8px;  
   border-radius: 4px;
 
   background-color: $tooltip-bg-color;
   color: $tooltip-font-color;
 
+  font-family: var(--md-sys-typescale-body-small-font-family-name);
   font-size: var(--md-sys-typescale-body-small-font-size);
-  line-height: vat(--md-sys-typescale-body-small-line-height);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  font-weight: var(--md-sys-typescale-body-small-font-weight);
+
   min-height: 24px;
   opacity: 0;
   text-align: center;

diff --git a/src/scrollspy.ts b/src/scrollspy.ts
@@ -1,5 +1,3 @@
-import anim from "animejs";
-
 import { Utils } from "./utils";
 import { Component, BaseOptions, InitElements, MElement } from "./component";
 
@@ -123,19 +121,10 @@ export class ScrollSpy extends Component<ScrollSpyOptions> {
     const trigger = e.target;
     for (let i = ScrollSpy._elements.length - 1; i >= 0; i--) {
       const scrollspy = ScrollSpy._elements[i];
-
       const x = document.querySelector('a[href="#'+scrollspy.el.id+'"]');
       if (trigger === x) {
         e.preventDefault();
-        const offset = ScrollSpy._offset(scrollspy.el).top + 1;
-
-        anim({
-          targets: [document.documentElement, document.body],
-          scrollTop: offset - scrollspy.options.scrollOffset,
-          duration: 400,
-          easing: 'easeOutCubic'
-        });
-
+        scrollspy.el.scrollIntoView({behavior: 'smooth'});
         break;
       }
     }