Makes PDFs opened in Learn take up the entire browser window instead of the pitiful small screen it uses by default.
// ==UserScript==
// @name Simple Learn PDF Fullscreener
// @version 1.02
// @description Makes PDFs opened in Learn take up the entire browser window instead of the pitiful small screen it uses by default.
// @author Mia Swart
// @match https://learn.canterbury.ac.nz/mod/resource/view.php?id=*
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant none
// @run-at document-end
// @license GNU GPL
// @namespace https://greasyfork.org/users/937617
// ==/UserScript==
(function() {
'use strict';
//delete unnecessary parts of the page
$("nav.fixed-top.navbar.navbar-fhs.navbar-expand.moodle-has-zindex")[0].remove() //remove UC AKO | LEARN bar at top
$("#nav-drawer")[0].remove() //remove course nav bar at left
$("div.blockpanelbtn")[0].remove() //remove "Course Blocks" button
$("#page-header")[0].remove() //remove course name header and Dashboard/My courses/... links
$("h2")[0].remove() //remove PDF name header
$("div.activity-navigation")[0].remove() //remove "Jump to..." section below pdf
$("#page-footer")[0].remove() //remove "For support please contact..." section at bottom of page
$("#back-to-top")[0].remove() //remove back to top button
//sets CSS of PDF box to take up the entire window
var css_override = "position: fixed; left: 0; top: 0; width: 100%; height: 100%;"
$("#resourceobject")[0].style = css_override;
//Learn has some weird code that manually sets the size of the pdf viewer on window resize. This disables that. From https://stackoverflow.com/questions/63624006/how-to-remove-a-window-resize-listener-in-js
const addEventListener = window.addEventListener;
window.addEventListener = (...args) => {
if (args[0] === 'resize') {
console.log('Resize event trying to attach, but it is being blocked');
$("#resourceobject")[0].style = css_override;
console.log('try 2');
} else {
addEventListener(...args);
}
}
})();