monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-22 16:26:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

allowing version popup to be closed with escape

Browse source 
closes #3377
This commit is contained in:
Miodec 2022-08-08 16:53:28 +02:00
parent 64c011911b
commit 7ed9d50383
2 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/ts/popups/version-popup.ts
View file

@ -6,6 +6,14 @@ export function show(): void {
$("#newVersionIndicator").addClass("hidden");
}
function hide(): void {
$("#versionHistoryWrapper")
.css("opacity", 1)
.animate({ opacity: 0 }, 125, () => {
$("#versionHistoryWrapper").addClass("hidden");
});
}
$(document.body).on("click", "#newVersionIndicator", () => {
$("#newVersionIndicator").addClass("hidden");
});
@ -17,10 +25,16 @@ $(document.body).on("click", ".version", (e) => {
$(document.body).on("click", "#versionHistoryWrapper", (e) => {
if ($(e.target).attr("id") === "versionHistoryWrapper") {
$("#versionHistoryWrapper")
.css("opacity", 1)
.animate({ opacity: 0 }, 125, () => {
$("#versionHistoryWrapper").addClass("hidden");
});
hide();
}
});
$(document).on("keydown", (event) => {
if (
event.key === "Escape" &&
!$("#versionHistoryWrapper").hasClass("hidden")
) {
hide();
event.preventDefault();
}
});

2
frontend/static/html/popups.html
View file

@ -786,7 +786,7 @@
</div>
</div>
</div>
<div id="versionHistoryWrapper" class="hidden">
<div id="versionHistoryWrapper" class="popupWrapper hidden">
<div id="versionHistory">
<!-- <div class="tip">Click anywhere to dismiss</div> -->
<div class="releases">