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

Further code to remove max page width

Browse Source
This commit is contained in:
Jaifroid 2025-07-19 11:59:53 +01:00
parent df901b9a2a
commit f369c5dbc7
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
www/js/app.js
View File

@ -2708,13 +2708,28 @@ function removePageMaxWidth () {
// Remove class key "mw-page-container-inner" from any element with that class (for actionparse ZIMs) // Remove class key "mw-page-container-inner" from any element with that class (for actionparse ZIMs)
var actionParseRemoveClasses = ['mw-page-container-inner', '']; var actionParseRemoveClasses = ['mw-page-container-inner', ''];
for (i = 0; i < actionParseRemoveClasses.length; i++) { for (i = 0; i < actionParseRemoveClasses.length; i++) {
var mwPageContainer = doc.getElementsByClassName(actionParseRemoveClasses[i]); var mwPageContainerClasses = doc.getElementsByClassName(actionParseRemoveClasses[i]);
if (mwPageContainer && mwPageContainer.length) { if (mwPageContainerClasses && mwPageContainerClasses.length) {
for (var j = 0; j < mwPageContainer.length; j++) { for (var j = 0; j < mwPageContainerClasses.length; j++) {
mwPageContainer[j].classList.remove(actionParseRemoveClasses[i]); mwPageContainerClasses[j].classList.remove(actionParseRemoveClasses[i]);
} }
} }
} }
// Ensure .mw-body is displayed with block instead of grid
var mwBody = doc.getElementsByClassName('mw-body');
if (mwBody && mwBody.length) {
for (i = 0; i < mwBody.length; i++) {
mwBody[i].style.display = 'block';
}
}
// Remove max-width from .mw-page-container
var mwPageContainer = doc.getElementsByClassName('mw-page-container');
if (mwPageContainer && mwPageContainer.length) {
for (i = 0; i < mwPageContainer.length; i++) {
mwPageContainer[i].style.setProperty('max-width', 'none', 'important');
}
}
// Remove padding from body if it is an article list home page
if (doc.body && doc.body.classList.contains('article-list-home')) { if (doc.body && doc.body.classList.contains('article-list-home')) {
doc.body.style.padding = '2em'; doc.body.style.padding = '2em';
} }