diff --git a/public/css/style.scss b/public/css/style.scss
index e1854d0f3..2ad81344f 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -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 {
diff --git a/public/index.html b/public/index.html
index 312114d4c..20edb989f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -654,6 +654,7 @@
diff --git a/public/js/script.js b/public/js/script.js
index 7a3203789..591bb21c1 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -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'