GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 21:34:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

modal svg fix

Browse Source
This commit is contained in:
Sunny Rahul 2022-07-11 19:49:11 +02:00
parent b6170003a8
commit bb9b52babc
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/styles/column.scss
View File

@ -27,7 +27,7 @@ a.active{
} }
/* The Modal (background) */ /* The Modal (background) */
.modal { .modal {
display: none; /* Hidden by default */ visibility: hidden; /* Hidden by default */
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */ z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */ padding-top: 100px; /* Location of the box */

8
layouts/partials/head.html
View File

@ -127,7 +127,7 @@
{{end}} {{end}}
// draw graph in modal // not working // draw graph in hidden // not working
// const containerModal = document.getElementById("graph-container-modal") // const containerModal = document.getElementById("graph-container-modal")
// // retry if the graph is not ready // // retry if the graph is not ready
@ -174,7 +174,7 @@
// When the user clicks anywhere outside of the modal, close it // When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) { window.onclick = function(event) {
if (event.target == modal) { if (event.target == modal) {
modal.style.display = "none"; modal.style.visibility = "hidden";
} }
} }
@ -198,12 +198,12 @@
// When the user clicks the button, open the modal // When the user clicks the button, open the modal
btn.onclick = function() { btn.onclick = function() {
modal.style.display = "block"; modal.style.visibility = "visible";
} }
// When the user clicks on <span> (x), close the modal // When the user clicks on <span> (x), close the modal
span.onclick = function() { span.onclick = function() {
modal.style.display = "none"; modal.style.visibility = "hidden";
} }
{{end}} {{end}}