From 5701598edadb04c364816dcba5972d71bc4146fb Mon Sep 17 00:00:00 2001 From: Alexandre Alapetite Date: Thu, 5 Dec 2024 13:16:40 +0100 Subject: Revert "Implement showing and hiding header depending on scroll (#7029)" (#7064) This reverts commit be9b6c7290dddcd8b8b6a8926bd101b7123528b3. https://github.com/FreshRSS/FreshRSS/pull/7029 --- app/layout/header.phtml | 230 +++++++++++++++++++-------------------- p/scripts/main.js | 18 --- p/themes/base-theme/frss.css | 13 --- p/themes/base-theme/frss.rtl.css | 13 --- 4 files changed, 114 insertions(+), 160 deletions(-) diff --git a/app/layout/header.phtml b/app/layout/header.phtml index 71272af87..ad0a5e8e2 100644 --- a/app/layout/header.phtml +++ b/app/layout/header.phtml @@ -2,126 +2,124 @@ declare(strict_types=1); /** @var FreshRSS_View $this */ ?> -
-
- +
+ - - -
-
+ + +
+ +
+ + diff --git a/p/scripts/main.js b/p/scripts/main.js index 4da89f228..f74e36553 100644 --- a/p/scripts/main.js +++ b/p/scripts/main.js @@ -1954,23 +1954,6 @@ function init_confirm_action() { document.querySelectorAll('button.confirm').forEach(function (b) { b.disabled = false; }); } -function init_scroll_header() { - const header = document.querySelector('header.header'); - if (header) { - const headerHeight = parseInt(getComputedStyle(header).height); - header.previousScroll = 0; - window.addEventListener('scroll', function () { - const currentScroll = window.scrollY; - if (currentScroll > headerHeight && currentScroll > header.previousScroll) { - header.classList.add('hide'); - } else { - header.classList.remove('hide'); - } - header.previousScroll = currentScroll; - }); - } -} - function faviconNbUnread(n) { if (typeof n === 'undefined') { const t = document.querySelector('.category.all .title'); @@ -2057,7 +2040,6 @@ function init_main_afterDOM() { removeFirstLoadSpinner(); init_notifications(); init_confirm_action(); - init_scroll_header(); const stream = document.getElementById('stream'); if (stream) { init_load_more(stream); diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 1412ac5f0..b1825c96d 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1159,24 +1159,11 @@ li.drag-hover { /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header-wrapper { - height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); -} - .header { - position: fixed; - top: 0; - left: 0; display: table; width: 100%; height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; - transition: transform 0.3s; - z-index: 110; -} - -.header.hide { - transform: translateY(calc(-2.5rem - 2 * var(--frss-padding-top-bottom))); } .header > .item { diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css index b5234bc49..460756cbc 100644 --- a/p/themes/base-theme/frss.rtl.css +++ b/p/themes/base-theme/frss.rtl.css @@ -1159,24 +1159,11 @@ li.drag-hover { /*=== STRUCTURE */ /*===============*/ /*=== Header */ -.header-wrapper { - height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); -} - .header { - position: fixed; - top: 0; - right: 0; display: table; width: 100%; height: calc(2.5rem + 2 * var(--frss-padding-top-bottom)); table-layout: fixed; - transition: transform 0.3s; - z-index: 110; -} - -.header.hide { - transform: translateY(calc(-2.5rem - 2 * var(--frss-padding-top-bottom))); } .header > .item { -- cgit v1.2.3