Browse Source

cc styles

master
rdrew 3 months ago
parent
commit
bbd6c4e6d4
  1. 6
      css/components/islandora_mods.css
  2. 10
      js/mirador-mods.js

6
css/components/islandora_mods.css

@ -27,3 +27,9 @@
}
}
}
.mirador28::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3E%3Cpath fill='%232b353b' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
fill:blue;
margin-top:10px;
margin-left: 10px
}

10
js/mirador-mods.js

@ -4,9 +4,9 @@ leaving the search icon visible. This combo is not available in the configs
*/
window.addEventListener("load", (event) => {
// find elements
const searchPanel = document.querySelector(".mirador31");
const searchPanel = document.querySelector("div.mirador31");
const searchPanelToggle = document.querySelector("button.mirador34");
const searchPanelIcon = document.querySelector("button.MuiButtonBase-root.MuiTab-root.mirador26 svg");
// const searchPanelIcon = document.querySelector("button.MuiButtonBase-root.MuiTab-root.mirador26 svg");
// hide the panel
searchPanel.style.display = "none";
searchPanel.style.transform = "translateX(0px)";
@ -16,10 +16,10 @@ window.addEventListener("load", (event) => {
searchPanelToggle.setAttribute("aria-label", "Expand sidebar");
searchPanelToggle.setAttribute("title", "Expand sidebar");
searchPanelIcon.style.fontSize = "2.7em";
searchPanelIcon.style.marginTop = "21px";
//searchPanelIcon.style.fontSize = "2.7em";
//searchPanelIcon.style.marginTop = "21px";
//
//fake click
searchPanelToggle.click();
});

Loading…
Cancel
Save