kiwix/kiwix-js-pwa
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-js-pwa.git synced 2025-09-08 19:57:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added helper function per code review

Browse Source
This commit is contained in:
Jaifroid 2025-06-19 09:57:02 +01:00
parent 20e5bac371
commit ef366bedaf
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
www/js/app.js
View File

@ -565,7 +565,7 @@ document.getElementById('findText').addEventListener('click', function () {
var searchDiv = document.getElementById('row2');
if (searchDiv.style.display !== 'none') {
// Hide the search bar
document.getElementById('navbar').style.height = params.navbarHeight * (params.relativeUIFontSize / 100) + 'px';
setNavbarHeight(params.navbarHeight, params.relativeUIFontSize);
setTab();
// Return sections to original state
openAllSections();
@ -574,7 +574,7 @@ document.getElementById('findText').addEventListener('click', function () {
return;
}
// Set the height of the navbar to accommodate the search bar
document.getElementById('navbar').style.height = params.navbarHeight + 35 * (params.relativeUIFontSize / 100) + 'px';
setNavbarHeight(params.navbarHeight + 35, params.relativeUIFontSize);
var findInArticle = null;
var innerDocument = document.getElementById('articleContent').contentDocument;
if (appstate.isReplayWorkerAvailable) {
@ -760,12 +760,18 @@ document.getElementById('relativeUIFontSizeSlider').addEventListener('change', f
setRelativeUIFontSize(this.value);
});
// Helper function to calculate navbar height
function setNavbarHeight(height, relativeUIFontSize) {
const navbar = document.getElementById('navbar');
navbar.style.height = height * (relativeUIFontSize / 100) + 'px';
}
function setRelativeUIFontSize (value) {
value = ~~value;
document.getElementById('spinnerVal').innerHTML = value + '%';
document.getElementById('search-article').style.fontSize = value + '%';
document.getElementById('relativeUIFontSizeSlider').value = value;
document.getElementById('navbar').style.height = params.navbarHeight * (value / 100) + 'px';
setNavbarHeight(params.navbarHeight, value);
var forms = document.querySelectorAll('.form-control');
var i;
for (i = 0; i < forms.length; i++) {