lets get responsible
This commit is contained in:
parent
9a036e1bf1
commit
f21935eb17
1 changed files with 2 additions and 68 deletions
|
@ -1,76 +1,10 @@
|
|||
<script async defer>
|
||||
const isDarkTheme = getComputedStyle(document.documentElement).getPropertyValue('--is-dark-theme').trim();
|
||||
const page = document.getElementsByClassName('page-content')[0];
|
||||
const menu = document.getElementsByTagName('overflow-menu')[0];
|
||||
const bottom = menu.getBoundingClientRect().bottom - 50;
|
||||
var toggled = false;
|
||||
|
||||
if (isDarkTheme == 'true') {
|
||||
const style = document.createElement('style');
|
||||
style.innerHTML = `.captcha-img { filter: invert(); }`;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', (ev) => {
|
||||
if (window.scrollY > bottom) {
|
||||
if (toggled) return;
|
||||
toggled = true;
|
||||
page.classList.add('fixed-header');
|
||||
}
|
||||
else if (toggled) {
|
||||
toggled = false;
|
||||
page.classList.remove('fixed-header');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.captcha {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
#navbar {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
.page-content {
|
||||
padding-top: 49px;
|
||||
}
|
||||
overflow-menu.ui {
|
||||
z-index: 4;
|
||||
position: relative;
|
||||
background: none !important;
|
||||
pointer-events: none;
|
||||
|
||||
.overflow-menu-items a {
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
.fixed-header {
|
||||
padding-top: 94px;
|
||||
}
|
||||
.fixed-header overflow-menu {
|
||||
position: fixed;
|
||||
top: 5px !important;
|
||||
height: fit-content;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.page-footer {
|
||||
background: none;
|
||||
border: none;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.repository.file.list .repo-description {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
#navbar:has(+ .page-content.home) {
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
.navbar-left > #navbar-logo {
|
||||
display: none;
|
||||
@media (prefers-color-scheme: dark) {
|
||||
filter: invert();
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Reference in a new issue