feat: removed scroll to top button (#2089)

Feature: removed scroll to top button

As we are currently refreshing the website, per the discussion in issue
#2067 , the consensus is to try a "Just Do It, and Revert It If
Necessary" approach. Therefore, this PR removes the scroll-to-top
button. If this change triggers a negative response from users, it will
be reverted and we will pretend it never happened.

Removed the Scroll to top button in its entirety
This includes its css, the element itself and all references to it.

cc: @To1ne @dscho

Author: dscho

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

@@ -463,52 +463,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;
@@ -633,7 +587,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>