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

Adjust SideBar Layout to Zoom Level

Browse Source
This commit is contained in:
ShaopengLin 2024-09-27 22:50:57 -04:00
parent 4d87679811
commit 59c57f8022
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
resources/js/toc.js
View File

@ -56,12 +56,18 @@ function tocHTMLStr()
return recurseData.toc; return recurseData.toc;
} }
function getPixelWithZoom(pixel)
{
var zoom = window.outerWidth / window.document.documentElement.clientWidth;
return (pixel / zoom.toFixed(1)).toString() + "px";
}
function makeTOCVisible(visible) function makeTOCVisible(visible)
{ {
var tocElem = document.getElementById("kiwix-toc-side"); var tocElem = document.getElementById("kiwix-toc-side");
tocElem.style.display = visible ? "block" : "none"; tocElem.style.display = visible ? "block" : "none";
document.body.style.marginLeft = visible ? "310px" : null; document.body.style.marginLeft = visible ? getPixelWithZoom(310) : null;
document.body.style.maxWidth = visible ? "calc(100vw - 310px)" : null; document.body.style.maxWidth = visible ? "calc(100vw - " + getPixelWithZoom(310) + ")" : null;
} }
function showToolTip (elem) { function showToolTip (elem) {
@ -74,7 +80,7 @@ function showToolTip (elem) {
var rect = elem.getBoundingClientRect(); var rect = elem.getBoundingClientRect();
tooltip.style.top = (rect.top).toString() + "px"; tooltip.style.top = (rect.top).toString() + "px";
tooltip.style.left = "306px"; tooltip.style.left = getPixelWithZoom(306);
} }
} }
@ -135,6 +141,16 @@ function setupTOC()
document.body.prepend(tocSideDiv); document.body.prepend(tocSideDiv);
} }
function resize(){
document.getElementById("kiwix-toc-side").style.width = getPixelWithZoom(306);
if (document.getElementById("kiwix-toc-side").style.display !== "none")
{
document.body.style.marginLeft = getPixelWithZoom(310);
document.body.style.maxWidth = "calc(100vw - " + getPixelWithZoom(310) + ")";
}
}
new QWebChannel(qt.webChannelTransport, function(channel) { new QWebChannel(qt.webChannelTransport, function(channel) {
var kiwixObj = channel.objects.kiwixChannelObj var kiwixObj = channel.objects.kiwixChannelObj
@ -151,5 +167,8 @@ new QWebChannel(qt.webChannelTransport, function(channel) {
makeTOCVisible(visible); makeTOCVisible(visible);
}); });
makeTOCVisible(kiwixObj.tocVisible); makeTOCVisible(kiwixObj.tocVisible);
window.onresize = resize;
resize();
}); });