smallsolar
/
libkiwix
mirror of https://github.com/kiwix/libkiwix.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Partly fixed auto-hiding of the toolbar 

Auto hiding of the toolbars on narrow screens works only for the first
page loaded in the viewer. Navigating to other pages interferes with
autohiding as follows:

- If the toolbar was hidden, it stays hidden.

- If the toolbar was not hidden, it loses the ability to autohide.
This commit is contained in:
Veloman Yunkan 2022-09-04 17:13:43 +04:00
parent 796e729f52
commit 4e06bb6a08
3 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/skin/taskbar.css
View File

@ -1,11 +1,5 @@
#kiwixtoolbar {
position: fixed;
padding: .5em;
left: 0;
right: 0;
top: 0;
z-index: 100;
background-position-y: 0;
transition: 0.3s;
width: 100%;
box-sizing: border-box;
@ -135,10 +129,6 @@ a.suggest, a.suggest:visited, a.suggest:hover, a.suggest:active {
column-count: 1 !important;
}
body {
padding-top: calc(3em - 5px) !important;
}
@media(min-width:420px) {
.kiwix_button_cont {
display: inline-block !important;

7
static/skin/viewer.js
View File

@ -281,7 +281,7 @@ function setupAutoHidingOfTheToolbar() {
let didScroll = false;
const kiwixToolBar = document.querySelector('#kiwixtoolbar');
window.addEventListener('scroll', () => {
contentIframe.contentWindow.addEventListener('scroll', () => {
didScroll = true;
});
@ -293,13 +293,16 @@ function setupAutoHidingOfTheToolbar() {
}, 250);
function hasScrolled() {
const st = document.documentElement.scrollTop || document.body.scrollTop;
const iframeDoc = contentIframe.contentDocument;
const st = iframeDoc.documentElement.scrollTop || iframeDoc.body.scrollTop;
if (Math.abs(lastScrollTop - st) <= delta)
return;
if (st > lastScrollTop) {
kiwixToolBar.style.position = 'fixed';
kiwixToolBar.style.top = '-100%';
} else {
kiwixToolBar.style.position = 'static';
kiwixToolBar.style.top = '0';
}

8
static/viewer.html
View File

@ -25,8 +25,8 @@
</head>
<body style="margin:0" onload="setupViewer()">
<span class="kiwix">
<span id="kiwixtoolbar" class="ui-widget-header">
<div class="kiwix">
<div id="kiwixtoolbar" class="ui-widget-header">
<div class="kiwix_centered">
<div class="kiwix_searchform">
<form class="kiwixsearch" method="GET" action="javascript:performSearch()" id="kiwixsearchform">
@ -52,8 +52,8 @@
</span>
</div>
</div>
</span>
</span>
</div>
</div>
<iframe id="content_iframe"
referrerpolicy="same-origin"