@@ -29,6 +29,10 @@
z-index: 10000;
}
+#sb-countdown {
+ min-width: 20px;
+}
+
.btn {
margin-right: 10px;
@@ -34,7 +34,7 @@
<div class="row">
<div id="sb-message">
- <span id="sb-message-text">will be gone in few seconds!</span>
+ <span id="sb-message-text">will be gone in few seconds! <span id="sb-countdown"> </span></span>
</div>
<div id="canvas-container">
<video id="sb-video" autoplay="true" muted="muted"></video>
@@ -103,6 +103,7 @@ function cancelPhoto() {
function updateSendCountdown() {
+ document.querySelector("#sb-countdown").innerText = "" + countdown.seconds;
console.log("deleting photo in " + countdown.seconds + " seconds");