kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

silent scroll :)

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-31 18:37:45 +02:00
parent 8a3a77d273
commit 08cdada5bc
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9112,16 +9112,23 @@ html[theme="f0ck95d"] .badge-dark {
font-size: x-large; font-size: x-large;
} }
.steuerung.steuerung-icon a { .steuerung.steuerung-icon a,
.steuerung.steuerung-icon button {
color: white; color: white;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 1.6em; width: 1.6em;
transition: color 0.15s ease, transform 0.15s ease; transition: color 0.15s ease, transform 0.15s ease;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: inherit;
} }
.steuerung.steuerung-icon a:hover { .steuerung.steuerung-icon a:hover,
.steuerung.steuerung-icon button:hover {
color: var(--accent); color: var(--accent);
} }

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

@@ -9177,7 +9177,7 @@ if (navigator.vibrate) {
// The alternative icon nav replaces the Zufall link with a down-chevron that // The alternative icon nav replaces the Zufall link with a down-chevron that
// scrolls the page to the bottom (comments / tag section). // scrolls the page to the bottom (comments / tag section).
document.addEventListener('click', (e) => { document.addEventListener('click', (e) => {
const link = e.target.closest('a.steuerung-scroll-down'); const link = e.target.closest('.steuerung-scroll-down');
if (!link) return; if (!link) return;
e.preventDefault(); e.preventDefault();
window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }); window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });

2
views/item-partial-legacy.html
View File

@@ -70,7 +70,7 @@
@else @else
<a class="nav-prev" href="#" style="visibility: hidden"><i class="fa-solid fa-chevron-left"></i></a> <a class="nav-prev" href="#" style="visibility: hidden"><i class="fa-solid fa-chevron-left"></i></a>
@endif @endif
<a class="steuerung-scroll-down" href="#scrolltobottom"><i class="fa-solid fa-chevron-down"></i></a> <button class="steuerung-scroll-down"><i class="fa-solid fa-chevron-down"></i></button>
@if(pagination.prev) @if(pagination.prev)
<a class="nav-next" href="{{ link.main }}{{ pagination.prev }}{{ link.suffix }}"><i class="fa-solid fa-chevron-right"></i></a> <a class="nav-next" href="{{ link.main }}{{ pagination.prev }}{{ link.suffix }}"><i class="fa-solid fa-chevron-right"></i></a>
@else @else