feat: removed scroll to top button

Author: Paulie-Aditya

assets/js/application.js

@@ -807,18 +807,3 @@ var Graphviz = {
     });
   }
 }
-
-// Scroll to Top
-$('#scrollToTop').removeClass('no-js');
-$(window).on('scroll', function() {
-  $(this).scrollTop() > 150
-    ? $('#scrollToTop').fadeIn()
-    : $('#scrollToTop').fadeOut();
-});
-$('#scrollToTop').on('click', function(e) {
-  e.preventDefault();
-  $("html, body").animate({
-      scrollTop: 0
-  }, "slow");
-  return false;
-});

assets/sass/layout.scss

@@ -414,52 +414,6 @@ table.benchmarks {
     }
   }
 }
-// scrollToTop
-.scrollToTop {
-  @include border-radius(50px);
-  display: none;
-  position: fixed;
-  background-color: var(--button-bg-color);
-  right: 20px;
-  bottom: 6.25rem;
-  padding: 0.8rem;
-  height: 20px;
-  transition: background-color 0.2s;
-  width: 20px;
-  &:hover{
-    background-color: var(--button-bg-hover-color);
-    @include box-shadow(2px);
-    &::before {
-      @include center-transformX;
-      width: 0;
-      height: 0;
-      color: var(--color-neutral-emphasis-plus);
-      content: "";
-      border: 6px solid transparent;
-      border-color:var(--black-3) transparent transparent;
-      top: -0.55rem;
-      position: absolute;
-    }
-    &::after {
-      @include center-transformX;
-      top: -2rem;
-      border-radius: 4px;
-      position: absolute;
-      content: attr(data-label);
-      word-wrap: break-word;
-      white-space: pre;
-      padding: .5em .75em;
-      color:var(--callout-color);
-      background-color:var(--black-3);
-      font: normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
-    }
-  }
-}
-.no-js{
-  &.scrollToTop {
-    display: block;
-  }
-}
 
 #content-wrapper {
   display: flex;
@@ -584,7 +538,4 @@ table.benchmarks {
       margin-bottom: 1rem;
     }
   }
-  .scrollToTop {
-    bottom: 6rem;
-  }
 }

layouts/partials/footer.html

@@ -7,9 +7,6 @@
     Git is a member of <a href="{{ relURL "sfc" }}">Software Freedom Conservancy</a>
   </div>
 </footer>
-<a href="#top" class="no-js scrollToTop" id="scrollToTop" data-label="Scroll to top">
-  <img src="{{ relURL "images/icons/chevron-up@2x.png" }}" width="20" height="20" alt="scroll-to-top"/>
-</a>
 
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"></script>