olives/js/mirador-mods.js

/*
This code waits for the viewer to load with the search panel open, then it closes the search 'companion window'
leaving the search icon visible. This combo is not available in the configs
jQuery(window).on("load", function() {
    jQuery(".mirador31").css({
        "display": "none",
        "transform": "translateX(0px)",
        "visibility": "hidden"
    });
    jQuery("button.mirador34").attr({
        "aria-expanded": "false",
        "aria-label": "Expand sidebar",
        "title": "Expand sidebar"
    });
    jQuery("button.MuiButtonBase-root.MuiTab-root.mirador26 svg").css({
        "font-size": "2.7em",
        "margin-top": "21px"
    });
    jQuery(".mirador34").click();
    console.log("window loaded, mirador-mods applied");
});

*/
window.addEventListener("load", (event) => {
	const searchPanel = document.querySelector(".mirador31");
	const searchPanelToggle = document.querySelector("button.mirador34");
	const searchPanelIcon = document.querySelector("button.MuiButtonBase-root.MuiTab-root.mirador26 svg");
	  console.log(searchPanel);
	searchPanel.style.display = "none";
	searchPanel.style.transform = "translateX(0px)";
	searchPanel.style.visibility = "hidden";

        searchPanelToggle.setAttribute("aria-expanded", "false");
        searchPanelToggle.setAttribute("aria-label", "Expand sidebar");
        searchPanelToggle.setAttribute("title", "Expand sidebar");

	searchPanelToggle.click();

	  console.log("page is fully loaded");
	  console.log(searchPanel);
	
});