oss/miniflux-v2
oss/miniflux-v2
1
0
Fork 0
mirror of https://github.com/miniflux/v2.git synced 2025-08-06 17:41:00 +00:00
Code Wiki Activity

Add keyboard shortcut to scroll current item to the top

Browse source
This commit is contained in:
Richard Schneider 2020-10-16 17:44:03 -05:00 • committed by GitHub
parent 84b83fc3c8
commit cc8eb89ce0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 48 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

7
ui/static/js/app.js
View file

@ -475,6 +475,13 @@ function goToNextListItem() {
}
}
function scrollToCurrentItem() {
let currentItem = document.querySelector(".current-item");
if (currentItem !== null) {
DomHelper.scrollPageTo(currentItem, true);
}
}
function decrementUnreadCounter(n) {
updateUnreadCounterValue((current) => {
return current - n;

1
ui/static/js/bootstrap.js vendored
View file

@ -17,6 +17,7 @@ document.addEventListener("DOMContentLoaded", function () {
keyboardHandler.on("n", () => goToNext());
keyboardHandler.on("h", () => goToPage("previous"));
keyboardHandler.on("l", () => goToPage("next"));
keyboardHandler.on("z t", () => scrollToCurrentItem());
keyboardHandler.on("o", () => openSelectedItem());
keyboardHandler.on("v", () => openOriginalLink());
keyboardHandler.on("V", () => openOriginalLink(true));

4
ui/static/js/dom_helper.js
View file

@ -10,13 +10,13 @@ class DomHelper {
win.focus();
}
static scrollPageTo(element) {
static scrollPageTo(element, evenIfOnScreen) {
let windowScrollPosition = window.pageYOffset;
let windowHeight = document.documentElement.clientHeight;
let viewportPosition = windowScrollPosition + windowHeight;
let itemBottomPosition = element.offsetTop + element.offsetHeight;
if (viewportPosition - itemBottomPosition < 0 || viewportPosition - element.offsetTop > windowHeight) {
if (evenIfOnScreen || viewportPosition - itemBottomPosition < 0 || viewportPosition - element.offsetTop > windowHeight) {
window.scrollTo(0, element.offsetTop - 10);
}
}