jessa
/
inkyboo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix modal close trigger (#10)

master
Boris K 2022-10-18 10:23:05 +02:00 committed by GitHub
parent b2152c0166
commit 3e9c9c21ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -120,9 +120,9 @@ npm/microtip@0.2.2/microtip.min.css
</div> </div>
</div> </div>
</footer> </footer>
<div id="description-modal" class="modal"> <div id="description-modal" data-micromodal-close class="modal">
<div tabindex="-1" data-micromodal-close class="modal-overlay"> <div tabindex="-1" class="modal-overlay">
<div role="dialog" class="modal-content shadow-bottom p-3 m-3" data-micromodal-close> <div role="dialog" class="modal-content shadow-bottom p-3 m-3">
<h2 class="mt-0">What is NoPaste?</h2> <h2 class="mt-0">What is NoPaste?</h2>
<span class="pink">NoPaste</span> is an open-source website similar to Pastebin where you can store any piece of code, <span class="pink">NoPaste</span> is an open-source website similar to Pastebin where you can store any piece of code,
@ -152,9 +152,9 @@ npm/microtip@0.2.2/microtip.min.css
</div> </div>
</div> </div>
</div> </div>
<div id="error-modal" class="modal"> <div id="error-modal" class="modal" data-micromodal-close>
<div tabindex="-1" data-micromodal-close class="modal-overlay"> <div tabindex="-1" class="modal-overlay">
<div role="dialog" class="modal-content shadow-bottom p-3 m-3" data-micromodal-close> <div role="dialog" class="modal-content shadow-bottom p-3 m-3">
NoPaste cannot decompress the URL<br /><br /> NoPaste cannot decompress the URL<br /><br />
It's possible that you clicked on an invalid link<br /><br /> It's possible that you clicked on an invalid link<br /><br />
Sorry about that Sorry about that

2
style.css
View File

@ -100,6 +100,7 @@ h1 {
max-height: 100vh; max-height: 100vh;
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
cursor: initial;
} }
.modal-content .additional-info { .modal-content .additional-info {
opacity: 0.75; opacity: 0.75;
@ -118,6 +119,7 @@ h1 {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer;
} }
/* Form elements */ /* Form elements */