Removed scroll to top button

Affects issues:
- Close #1621 (Buggy button removed)
This commit is contained in:
Risto Lahtela 2020-10-25 21:22:28 +02:00
parent 19c904d047
commit b37edf78fc
7 changed files with 5 additions and 70 deletions

View File

@ -11223,31 +11223,6 @@ a:focus {
padding-right: 1.5rem;
}
.scroll-to-top {
position: fixed;
right: 1rem;
bottom: 1rem;
display: none;
width: 2.75rem;
height: 2.75rem;
text-align: center;
color: #fff;
background: rgba(90, 92, 105, 0.5);
line-height: 46px;
}
.scroll-to-top:focus, .scroll-to-top:hover {
color: white;
}
.scroll-to-top:hover {
background: #5a5c69;
}
.scroll-to-top i {
font-weight: 800;
}
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0.9);

View File

@ -23,7 +23,7 @@
</head>
<body id="page-top">
<body>
<!-- Page Wrapper -->
<div id="wrapper">
@ -231,11 +231,6 @@
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-fw fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

View File

@ -112,18 +112,3 @@ function toggleSidebar() {
}
$('.sidebar-toggler,.sidebar-close-modal').on('click', toggleSidebar);
// Scroll to top button appear
$(document).on('scroll', () => {
const scrollDistance = $(this).scrollTop();
if (scrollDistance > 100) {
$('.scroll-to-top').fadeIn();
} else {
$('.scroll-to-top').fadeOut();
}
});
$('.scroll-to-top').on('click', 'a.scroll-to-top', event => {
window.scrollTo(0, 0); // Scroll to top
event.preventDefault();
});

View File

@ -25,7 +25,7 @@
</head>
<body id="page-top">
<body>
<script>
var gmPieColors = [${gmPieColors}];
</script>
@ -783,11 +783,6 @@
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-fw fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="./vendor/jquery/jquery.min.js"></script>
<script src="./vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

View File

@ -25,7 +25,7 @@
</head>
<body id="page-top">
<body>
<script>
var gmPieColors = [${gmPieColors}];
</script>
@ -691,11 +691,6 @@
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-fw fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

View File

@ -23,7 +23,7 @@
</head>
<body id="page-top">
<body>
<!-- Page Wrapper -->
<div id="wrapper">
@ -241,11 +241,6 @@
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-fw fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

View File

@ -23,7 +23,7 @@
<link href="../css/style.css" rel="stylesheet">
</head>
<body id="page-top">
<body>
<script>
var gmPieColors = [${gmPieColors}];
</script>
@ -1256,11 +1256,6 @@
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-fw fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>