Korbs/sudovanilla-website
Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

Remove auto expand of sub-header text

Browse source
This commit is contained in:
Korbs 2024-12-07 01:09:13 -05:00
parent 9977c39c2f
commit de16cc1475
1 changed files with 0 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/components/global/Header.astro
View file

@ -62,49 +62,6 @@ SunLight
<div class="header-row-bottom">
<slot />
</div>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 SudoVanilla
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
window.addEventListener(
"scroll",
function () {
if (window.scrollY > 50) {
document.querySelector(".header-row-bottom").style.position = "fixed";
document.querySelector(".header-row-bottom").style.boxShadow = "0px -40px 19px 20px var(--box-shadow-color)";
document.getElementById("show-w-scroll").style.opacity = "1";
document.getElementById("show-w-scroll").style.width = "100px";
} else {
document.querySelector(".header-row-bottom").style.position = "inherit";
document.querySelector(".header-row-bottom").style.boxShadow = "none";
document.getElementById("show-w-scroll").style.opacity = "0";
document.getElementById("show-w-scroll").style.width = "0";
}
},
false
);
</script>
)
}
</div>