added screenshot watermark

This commit is contained in:
Jack 2020-07-28 18:44:36 +01:00
parent 231409a2c7
commit ba7e78e3bc
3 changed files with 21 additions and 6 deletions

View file

@ -1451,12 +1451,22 @@ key {
}
.pageTest {
position: relative;
.buttons {
display: grid;
grid-auto-flow: column;
gap: 1rem;
justify-content: center;
}
.ssWatermark {
font-size: 1.25rem;
color: var(--sub-color);
position: absolute;
bottom: 0;
right: 0;
}
}
.pageLogin {

View file

@ -654,6 +654,7 @@
<div id="testModesNotice">
</div>
<div class="ssWatermark hidden">www.monkey-type.com</div>
<div id="caret" class="default"></div>
<div id="result" class="hidden">
<div class="stats">

View file

@ -113,6 +113,8 @@ function copyResultToClipboard() {
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
showNotification("Sorry, this feature is not supported in Firefox", 4000);
} else {
$(".pageTest .ssWatermark").removeClass("hidden");
$(".pageTest .buttons").addClass("hidden");
let src = $("#middle");
var sourceX = src.position().left; /*X position from div#target*/
var sourceY = src.position().top; /*Y position from div#target*/
@ -143,14 +145,20 @@ function copyResultToClipboard() {
])
.then((f) => {
showNotification("Copied to clipboard", 1000);
$(".pageTest .ssWatermark").addClass("hidden");
$(".pageTest .buttons").removeClass("hidden");
})
.catch((f) => {
showNotification("Error saving image to clipboard", 2000);
$(".pageTest .ssWatermark").addClass("hidden");
$(".pageTest .buttons").removeClass("hidden");
});
});
});
} catch (e) {
showNotification("Error creating image", 2000);
$(".pageTest .ssWatermark").addClass("hidden");
$(".pageTest .buttons").removeClass("hidden");
}
}
}
@ -1281,11 +1289,7 @@ function showResult(difficultyFailed = false) {
);
}, 125);
$("#testModesNotice").css({
opacity: 0,
// 'height': 0,
// 'margin-bottom': 0
});
$("#testModesNotice").addClass("hidden");
$("#result .stats .leaderboards .bottom").text("");
$("#result .stats .leaderboards").addClass("hidden");
@ -1860,7 +1864,7 @@ function restartTest(withSameWordset = false) {
showKeymap();
}
$("#result").addClass("hidden");
$("#testModesNotice").css({
$("#testModesNotice").removeClass("hidden").css({
opacity: 1,
// 'height': 'auto',
// 'margin-bottom': '1.25rem'