w0bm/f0bm
4
0
Fork 1
Code Pull Requests Activity

smoother navbar black background when scrolled

Browse Source
This commit is contained in:
Kibi Kelburton
2026-01-26 18:23:49 +01:00
parent 588ab3c3de
commit b71711aa96
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/s/css/f0ck.css
View File

@@ -1596,7 +1596,8 @@ div.posts>a:hover::after {
} }
.navbar.scrolled { .navbar.scrolled {
background: #000 !important; background: black !important;
transition: background 0.1s ease;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
} }
@@ -4028,9 +4029,11 @@ input#s_avatar {
text-decoration: underline; text-decoration: underline;
} }
#comment-sort, #subscribe-btn, #lock-thread-btn { #comment-sort,
background: none; #subscribe-btn,
border: none; #lock-thread-btn {
background: none;
border: none;
} }
/* Admin buttons */ /* Admin buttons */

2
public/s/js/f0ck.js
View File

@@ -295,7 +295,7 @@ window.requestAnimFrame = (function () {
const navbar = document.querySelector('.navbar'); const navbar = document.querySelector('.navbar');
if (navbar) { if (navbar) {
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
if (window.scrollY > 50) { if (window.scrollY > 10) {
navbar.classList.add('scrolled'); navbar.classList.add('scrolled');
} else { } else {
navbar.classList.remove('scrolled'); navbar.classList.remove('scrolled');