Remove back to top button

It's kind of ugly and weird, and probably not necessary. I might add it
back in the future if it's actually needed again.
This commit is contained in:
BBaoVanC 2023-11-05 17:41:59 -06:00
parent 9ca15a198f
commit c980ced2fb
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
3 changed files with 0 additions and 43 deletions

View File

@ -361,23 +361,6 @@ h1 svg.icon {
/* }}} */ /* }}} */
/* Back to top {{{ */
#top {
font-size: 0;
}
#back-to-top {
position: fixed;
float: right;
bottom: 25px;
right: 25px;
background-color: var(--background-1);
color: var(--text-1);
border-radius: 100%;
padding: 12px;
display: none;
}
/* }}} */
/* Skip to main content {{{ */ /* Skip to main content {{{ */
#skip-to-main { #skip-to-main {
position: absolute; position: absolute;
@ -989,10 +972,6 @@ aside.quote {
.table-of-contents.print { .table-of-contents.print {
display: block; display: block;
} }
#back-to-top {
display: none !important;
}
} }
/* }}} */ /* }}} */

View File

@ -1,13 +1,3 @@
// back to top
const backToTop = document.getElementById("back-to-top");
window.onscroll = function() {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
backToTop.style.display = "block";
} else {
backToTop.style.display = "none";
}
}
// code block copy to clipboard // code block copy to clipboard
window.onload = () => { window.onload = () => {
document.querySelectorAll(".code-block").forEach(codeBlock => { document.querySelectorAll(".code-block").forEach(codeBlock => {

View File

@ -4,20 +4,8 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body>
<a id="top" aria-hidden="true"></a>
<a id="skip-to-main" href="#main-content">Skip to main content</a> <a id="skip-to-main" href="#main-content">Skip to main content</a>
<a id="back-to-top" href="#top" aria-label="{{ i18n "aria_back_to_top_button" }}">
{{ partial "icon.html" "chevron-up" }}
</a>
<noscript>
<style>
#back-to-top {
display: block;
}
</style>
</noscript>
{{ partial "top.html" . }} {{ partial "top.html" . }}
<div class="main-container"> <div class="main-container">